Question

我有一个选择下拉菜单，我通过Jquery追加动态添加选项，我想关联下拉列表中的所有数据，我的意思是选择了角度JS模型的所有选项。

我选择了

 <select  multiple='multiple' ng-model="attrId" name='attribute' id='hiddenRemoteChoicePossibleAnswers' ></select>

我在几次服务器调用之后动态地通过其他Jquery添加选项：

$('#hiddenRemoteChoicePossibleAnswers').append("<option selected='selected' value='"+optionValue+"'> "+optionValue+" </option>");

我希望在ng-modal中的attrId在append上更改，但它根本没有更新，因为我必须手动选择所有选项，我必须关联模型中选项中的所有值。

任何帮助都会有用。

提前致谢。

Answer 1

你在做的不是棱角分明的方式。 AngularJS是一个模型驱动的。 UI操作应该发生

这意味着您不应该操纵DOM元素并期望Angular获取这些更改。

在您的情况下，您需要做的是在$ scope上定义模型属性，该属性将是数组类型。

使用array.push方法将要添加的数据添加到此模型属性中，这将导致UI选择更新。

我强烈建议您在尝试所有这些之前阅读一些教程（包括on angular site）。 Angular是一个非常不同的野兽，来自jquery背景的人将很难使用它，直到对Angular如何工作的基本理解。

这些链接可以帮助您

http://www.egghead.io/ - ＆gt;好角度的视频