2017-06-20 79 views
2

NG-值不工作

<!DOCTYPE html> 
 
    <html> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
    <body> 
 
    
 
     <div ng-app="" > 
 
     <input ng-value="100"> 
 
     <select ng-model="selectedName" ng-value='a'> 
 
      <option value='a'>a</option> 
 
      <option value='b'>b</option> 
 
      <option value='c'>c</option> 
 
      <option value='d'>d</option> 
 
     </select> 
 
     </div> 
 
    
 
    
 
    </body> 
 
    </html>

在這裏,我通過輸入文本使用NG-值所獲得的價值,但我不能使用select ...請幫助得到相同的我出去,並提前致謝

回答

1

兩件事情你應該明白:

  1. ng-value不設置任何下拉列表中值的方式。 ng-value是圍繞value屬性的指令。要正確設置選項,正確的方法是: <option selected="selected">

  2. 處理您的當前情況下,如所指出的, <select ng-model="selectedName" ng-init="selectedName='a'">是必經之路。在這裏,你將把ng-model的值設置爲所需的值。當你想在角度顯示select的默認值時,ng-model應該被設置。

1

你不能使用ng值在<select>你必須使用ng-value<option>

並且如果您要默認選定值,請使用ng-init

1

只需使用ng-init並設置selectedName爲 'A'

<select ng-model="selectedName" ng-init="selectedName='a'"> 

<!DOCTYPE html> 
 
    <html> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
    <body> 
 
    <div ng-app="" > 
 
     <input ng-value="100"> 
 
     <select ng-model="selectedName" ng-init="selectedName='a'"> 
 
      <option value='a'>a</option> 
 
      <option value='b'>b</option> 
 
      <option value='c'>c</option> 
 
      <option value='d'>d</option> 
 
     </select> 
 
     </div> 
 
</body> 
 
</html>

1

請嘗試NG-INIT設置缺省值

<select ng-model="selectedName" ng-init="selectedName='b'"/ > 
1

而不是使用ng-init。你可以ng-value分配值ng-model,像 ng-value={{selectedName='a'}}

<!DOCTYPE html> 
 
    <html> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
    <body> 
 
    
 
     <div ng-app="" > 
 
     <input ng-value="100"> 
 
     <select ng-model="selectedName" ng-value={{selectedName='a'}}> 
 
      <option value='a'>a</option> 
 
      <option value='b'>b</option> 
 
      <option value='c'>c</option> 
 
      <option value='d'>d</option> 
 
     </select> 
 
     </div> 
 
    
 
    
 
    </body> 
 
    </html>