javascript
  • jquery
  • angularjs
  • angular-ng-if
  • 2015-03-30 14 views 1 likes 
    1

    有沒有辦法設置ng-if隱藏的文本框的值?設置ng-if隱藏的文本框的值 - if

    我有一個文本,我想預填充的頁面加載:

    <textarea id="envConfigJson" rows="5" class="form-control" 
              placeholder="Configuration json" ng-keyup="editConfigEnv()" 
              ng-disabled='!selectedConfigurationEnv'></textarea> 
    

    在預填充textarea的母公司是通過NG-如果隱藏的時間。有沒有辦法設置這個textarea的值,即使它隱藏在頁面中?我可以確認正確的價值正在通過jQuery分配給VAL屬性:

    $('#envConfigJson').val("correct value here"); 
    

    如果這是不可能的,我會很樂意重新考慮我的填充邏輯。

    回答

    2

    您只需要設置示波器模型值並在textarea上使用ngModel指令。因此,這將是:

    <textarea id="envConfigJson" rows="5" class="form-control" 
          placeholder="Configuration json" 
          ng-model="textModel" 
          ng-keyup="editConfigEnv()" 
          ng-disabled='!selectedConfigurationEnv'></textarea> 
    

    現在,當父母ngIf顯示文本區域,你會看到它與textModel模型提供的值預先填充。

    演示:http://plnkr.co/edit/4D4O6b9BQSDMXEBKFAX3?p=preview

    +0

    感謝您的回答!如果我不是在特殊情況下(頁面上的多個控件指示共享textarea的值),這肯定是正確的舉動。 – miniscem 2015-03-30 19:08:45

    1

    在我的特殊情況下,我需要替代ng-ifng-show

    這使我的內容在屏幕上呈現,但隱藏。 ng-if正在阻止內容完全呈現。

    +0

    如果你使用ngModel,它沒有任何區別ngIf或ngShow。請注意,你應該避免使用jQuery,我猜你正在使用它來設置textarea值。 – dfsq 2015-03-30 19:10:08

    相關問題