ng值无效

时间:2017-06-20 06:16:45

标签: javascript angularjs

    <!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-value获取值,但是我无法使用select来获得相同的...请帮助我并提前致谢

5 个答案:

答案 0 :(得分:1)

您无法在<select>中使用ng值,必须在ng-value中使用<option>

如果您想默认选择的值,请使用ng-init

答案 1 :(得分:1)

只需使用 ng-init 并将 selectedName 设置为&#39; a&#39;

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

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;

答案 2 :(得分:1)

请尝试 ng-init 设置默认值

<td>{{data.From |  jsonDate |  date:'MM/dd/yyyy'}}</td>

答案 3 :(得分:1)

你应该理解两件事:

  1. ng-value不是在任何下拉列表中设置值的方法。 ng-value是围绕value属性的指令。要正确设置选项,正确的方法是: <option selected="selected">

  2. 如前所述,要处理当前的情况, <select ng-model="selectedName" ng-init="selectedName='a'">是通往的方式。在这里,您将ng-model值设置为所需的值。当您想要为角度选择显示默认值时,应设置ng-model。

答案 4 :(得分:1)

  

而不是使用ng-init。您可以在ng-model上将值分配给ng-value,例如   ng-value={{selectedName='a'}}

&#13;
&#13;
    <!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>
&#13;
&#13;
&#13;