使用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/
问题答案：
好。如果您不想使用正确的方法ng-options，则可ng-selected以为option指令添加带有条件检查逻辑的属性，以使预选择工作。
<select ng-model="filterCondition.operator">
<option ng-selected="{{operator.value == filterCondition.operator}}"
ng-repeat="operator in operators"
value="{{operator.value}}">
{{operator.displayName}}
</option>
</select>
**[Working Demo](http://jsfiddle.net/dCFd2/)**
-
问题内容： 我正在尝试将$ sce.trustAsHtml（）与ng- repeat中的对象属性一起使用。结果是HTML完全空白。不过，使用ngSanitize可以正确输出HTML。 顺便说一下，我正在使用AngularJS v1.3.0-beta.3。不知道是否有错误或我做错了什么。 问题答案： 您不能在表达式中使用（除非是的属性），因为表达式是在的上下文中求值的。 最干净的方法是使用。 第二种
-
问题内容： 嗨，我有一个简单的ng-repeat-start和end用例，并且工作正常，当我想添加一个内部ng-repeat时出现了问题。这是我的代码 内部ng-repeat到td元素中不起作用，在检查html源代码时看到ngRepeat注释，但未创建td元素。 我的丑陋的解决方法（假设我知道该向量的大小）是： 问题答案： 从那时起，我不确定是否使用角度1.1.6，并且在1.1.5或1.0.7
-
问题内容： 我使用ng-repeat在表中动态添加来自数组的行。 现在，我想获取每行所有总和的总和（group.sum * group.perc / 100.0）。我需要一个变量，因为我需要此值进行进一步的计算。谢谢 的HTML 脚本 问题答案： 创建一个过滤器： 使用$ filter服务： 在您的HTML中使用它：
-
Angularjs ng用div标记重复。。我有一个带有div标记的代码，如图所示。。我想重复整个div，在第二个循环中img src是不同的。。如何使用angularjs中的ng repeat指令执行此操作？
-
问题内容： 我花了一段时间试图找到一个优雅的解决方案，而我却找到了一个“可行”的解决方案，它感觉不是最简单或正确的做事方式。 所以，我的问题是…如何动态加载指令！在某些情况下，以下是我希望我能摆脱它的方式！除了模板加载之外，我没有包含路由或其他任何内容，而是为下面的控制器分配了ng- controller。 app.js template.html 任何人都可以提供的建议将不胜感激，如果我做任何明
-
问题内容： 我将以下数据作为JSON： 我想将其显示为带有angularjs和ng-repeat的html表。这样我得到下表： 用于表格预览：http : //jsfiddle.net/54pD8/ 我的问题是html表是基于行的。我可以通过回合，然后通过练习来进行ng- repeat的迭代，但是要创建表格，我总是需要每个练习的第一个，然后是每个练习的第二个，依此类推。 有人可以帮我解决这个问题吗