在我的棱角分明的JS页面上有以下下拉列表:
<div class="col-md-4 fieldMargin">
<div class="dropdownIcon">
<select name="actions" id="actions"
ng-init="Data.formStatus.Action=Data.Actions[0]"
ng-options="option.Value for option in Data.Actions"
ng-focus="ActionsLabel = true" ng-blur="ActionsLabel = false;"
ng-model="Data.formStatus.Action"
></select>
<label for="actions" class="labelColor"
ng-class="{'dropdownLabelFloat' : (ActionsLabel || Data.formStatus.Action != null), 'dropdownLabel' : !ActionsLabel && !Data.formStatus.Action }">
Action
</label>
</div>
</div>
以下是上述下拉列表的选项:
Test1
Test12
Test14
Test18
Test25
and so on
根据用户在上面的操作下拉列表中所做的任何 Select ,我想要更改同一页上另一个控件的ng模型:
这是另一个控件:
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.To" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
在操作下拉列表中,如果用户 Select "Test1",则我希望ng-Model为:
Data.EmailInput.To
但是如果用户从Action下拉列表中 Select "Test18"或"Test25",那么我希望ng模型为:
Data.EmailInput.ToSpecialCase
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.ToSpecialCase" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
我可以在angularJs的HTML页面上做一些事情吗?我试过这样做:
<div ng-if={{Data.formStatus.Action}} = "Test1" >
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.To" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
</div>
<div ng-else-if="Test18" or "Test25">
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.ToSpecialCase" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
</div>
因此,如果用户从下拉列表中 Select "Test1",那么我想显示:
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.To" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
</div>
否则,如果用户 Select "Test18"或"Test25",我想要显示:
<div>
<div class="col-md-12 inputEmailSection">
<input type="text" name="to" id="to"
ng-focus="ToLabel = true" ng-blur="ToLabel = false;"
ng-model="Data.EmailInput.ToSpecialCase" />
<label for="to" class="labelColor"
ng-class="{'inputLabelFloat' : (ToLabel || Data.EmailInput.To!= null), 'inputLabel' : !ToLabel && !Data.EmailInput.To}">
To
</label>
</div>
我对angularJs还是个新手.在这方面的任何帮助都将不胜感激.