猿问

使用AngularJS和ng-repeat初始化select

我正在尝试使用AngularJS 1.1.5的ng-repeat从选择框开始使用预填充选项。相反,选择总是从没有选择任何内容开始。它还有一个空选项,我不想要。我认为没有选择任何东西都会带来副作用。


我可以使用ng-options代替ng-repeat来工作,但在这种情况下我想使用ng-repeat。尽管我缩小的示例没有显示出来,但我也想设置每个选项的title属性,据我所知,没有办法使用ng-options来实现。


我认为这与常见的AngularJs范围/原型继承问题无关。至少在巴塔朗检查时,我看不到任何明显的东西。另外,当您在带有UI的选择中选择一个选项时,模型会正确更新。


这是HTML:


<body ng-app ng-controller="AppCtrl">

    <div>

        Operator is: {{filterCondition.operator}}

    </div>

    <select ng-model="filterCondition.operator">

       <option 

           ng-repeat="operator in operators" 

           value="{{operator.value}}"

       >

           {{operator.displayName}}

       </option>

    </select>

</body>

和JavaScript:


function AppCtrl($scope) {


    $scope.filterCondition={

        operator: 'eq'

    }


    $scope.operators = [

        {value: 'eq', displayName: 'equals'},

        {value: 'neq', displayName: 'not equal'}

     ]

}

JS小提琴为此:http : //jsfiddle.net/coverbeck/FxM3B/2/


阿波罗的战车
浏览 822回答 3
3回答
随时随地看视频慕课网APP
我要回答