我是Angular.js的新手,我從別人那里得到了檔案來修復。 問題是,我真的想通過點擊按鈕來改變DIV,所以我試著搜索了一下,我發現了單選按鈕的解決方案,但問題是我想點擊的是DIV。
。。
let vm = $scope
vm.isShown = function (color) {
return color === vm.color;
};
//this is the function in a controller
<div class="item">
<span class="group-name"
><p>PHASE 1.0</p>/span>
封閉式API資料市場</span
>
< input type="radio"/span> ng- model="color" value="oneZero" /> 1. 0
</div> 2.
<div class=" item">
<span class="group-name"
><p>PHASE 1.5</p>/span>
開放API資料市場</span
>
<input
type="radio"。
ng-model="color"/span>
value="oneFive"
checked="checked"。
/>
1.5<br />
</div>
</div>/span>
</div>/span>
<br />/span>
< div class="servicePreparing" ng-show="isShown('oneZero')">
<img src="assets/img/serviceStop.jpg" />
</div>
< div class="select-list-area"/span> ng-show="isShown('oneFive')"/span>>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
我想洗掉輸入,并想用div作為類名來點擊'item'
uj5u.com熱心網友回復:
你可以看到一個例子住在這里。https://plnkr.co/edit/flMIhl6ugNUNXwpE
另外,你要做的是設定一個變數(在單選按鈕中是color),所以在你的AngularJS控制器中:
vm.color = ' ';
然后用ng-click在兩個div中設定該值,有了具體的值,在你的視圖中你就會有:
< div class="btn" ng-click="color = 'oneZero'"> 1. 0</div>1.
< div class="btn" ng-click="color = 'oneFive'"> 1. 5</div>1.
< div class="servicePreparing" ng-show="isShown('oneZero')">
顯示了一個零的影像
</div>
< div class="select-list-area" ng-show="isShown('oneFive')">
顯示了一個五的影像
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/307488.html
標籤:
上一篇:<p>如何防止用戶多次提交一個表單?我現在的問題是,當用戶多次點擊提交按鈕時,它將創建多個用戶。它應該只創建一個用戶,并在創建另一個用戶之前等待。 <p>以下是我的情況:<
