• angularjs ng-options不起作用（angularjs ng-show）
• Angularjs ng-model 在 ng-if 中不起作用
• Angularjs ng-model-options不起作用.
• AngularJs ng-options
• AngularJS ng-options不呈现值

angularjs ng-options不起作用（angularjs ng-show）

<selectnovalidate=""  data-ng-options="select p.name for p in create_options_array(item.values)">                                                </select>

[{"id":0,"name":"OG"},{"id":1,"name":"OS"},{"id":2,"name":"PG"},{"id":3,"name":"PS"}]

Angularjs ng-model 在 ng-if 中不起作用

<div ng-app >
    <div ng-controller="main">

        Test A: {{testa}}<br />
        Test B: {{testb}}<br />
        Test C: {{testc}}<br />

        <div>
            testa (without ng-if): <input type="checkbox" ng-model="testa" />
        </div>
        <div ng-if="!testa">
            testb (with ng-if): <input type="checkbox" ng-model="testb" />
        </div>
        <div ng-if="!someothervar">
            testc (with ng-if): <input type="checkbox" ng-model="testc" />
        </div>

    </div>
</div>

Angularjs ng-model-options不起作用.

$scope.pattern = {
    name: /[a-zA-Z]{5,}/
 }

<input type="text" name="name" data-ng-model="name" ng-model-options="{ updateOn: 'blur' }"  ng-pattern="pattern.name" required />
      <div ng-show="contactForm.name.$dirty && contactForm.name.$invalid">
        <span ng-show="contactForm.name.$error.required">The name field is mandatory</span>
        <span ng-show="contactForm.name.$error.pattern">The name must be at least 5 characters long</span>
      </div>

AngularJs ng-options

1. select标签中的ng-model 使用时注意，选择的结果

<formng-app="myApp" ng-controller="validateCtrl"
        name="myForm" novalidate>
    <div>
        <label>地区：</label>
        <!--如果不指定x.id,ng-model选择的结果是object对象-->
        <select ng-model="areaID" ng-options="x.name for x in items"></select>
        <spanng-show="myForm.areaID.$dirty && myForm.areaID.$invalid">
            <span ng-show="myForm.areaID.$error.required">地区是必须的</span>
        </span>
    </div>
</form>

    var app = angular.module('myApp',[]);
    app.controller('validateCtrl',function ($scope,$timeout) {
        $scope.items = [
            { id: 1,name: '山东' },{ id: 2,name: '山西' }
        ];
        $scope.areaID = 1;
        $scope.$watch('areaID',function (newValue) {
            console.info(newValue);
        });
    });

选择的结果是：object

<div>
    <label>地区：</label>
    <!-- x.id as x.name 用来指定选择结果为ID，显示的是name  --> 
    <select ng-model="areaID" ng-options="x.id as x.name for x in items"></select>
    <spanng-show="myForm.areaID.$dirty && myForm.areaID.$invalid">
        <span ng-show="myForm.areaID.$error.required">地区是必须的</span>
    </span>
</div>

2.使用group by分组显示

<formng-app="myApp" ng-controller="validateCtrl"
        name="myForm" novalidate>
    <div>
        <label>动物：</label>
        <!--使用group by 可以分组显示-->
        <select ng-model="AniID" ng-options="x.id as x.name group by x.sex for x  in animals"></select>
    </div>
</form>

    var app = angular.module('myApp',$timeout) {
        $scope.animals = [
          {
              id: '00001',name: '猫',sex: '雌',food: '鱼',favor: '玩球'
          },{
              id: '00002',name: '狗',sex: '雄',food: '骨头',favor: '接盘子'
          },{
              id: '00003',name: '兔',food: '胡萝卜',favor: '刨洞'
          },{
              id: '00004',name: '狮',food: '肉',favor: '猎物'
          }
        ];
        $scope.AniID = '00004';
        $scope.$watch('AniID',function (newValue) {
            console.info(newValue);
        });
    });

AngularJS ng-options不呈现值

$scope.limits = [ {value:  '5',text: 'Afficher 5 par page'},{value: '10',text: 'Afficher 10 par page'},{value: '15',text: 'Afficher 15 par page'},{value: '20',text: 'Afficher 20 par page'}
                ];

<select id="limitType" name="limit" ng-model="limit" ng-options="limit.value as limit.text for limit in limits"></select> enregistrement par page

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType">
    <option value="5" selected="selected">Afficher 5 par page</option>
    <option value="10">Afficher 10 par page</option>
    <option value="15">Afficher 15 par page</option>
    <option value="20">Afficher 20 par page</option>
</select>

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType">
    <option value="0" selected="selected">Afficher 5 par page</option>
    <option value="1">Afficher 10 par page</option>
    <option value="2">Afficher 15 par page</option>
    <option value="3">Afficher 20 par page</option>
</select>

今天的关于angularjs ng-options不起作用和angularjs ng-show的分享已经结束，谢谢您的关注，如果想了解更多关于Angularjs ng-model 在 ng-if 中不起作用、Angularjs ng-model-options不起作用.、AngularJs ng-options、AngularJS ng-options不呈现值的相关知识，请在本站进行查询。