1. 程式人生 > >AngularJS學習之ng-if巢狀ng-model變數衝突解決

AngularJS學習之ng-if巢狀ng-model變數衝突解決

ng-if與ng-model聯合使用,ng-if會建立自己的作用域,直接使用 字串 作為ng-model的變數,父作用域獲取不到。

<div ng-if="showValidateCode" class="validate">
    <input type="text" class="text-input" ng-model="validateCode">
</div>

解決方法:

在父作用域中定義物件,使用物件作為ng-model的變數。

<div ng-if="showValidateCode" class="validate">
    <input 
type="text" class="text-input" ng-model="config.validateCode"> </div>