选择

时间:2015-04-28 09:33:02

标签: angularjs select ng-repeat

我有一个select项目,我使用ng-repeat中的option进行填充。我使用angular的数据绑定将所选项的值设置为我的模型。但 由于某种原因,“在json字符串中现在变成了\”。因此,我无法在以后的代码中访问json字符串中的属性。

<select id="concepts" class="form-control"     ng-model='usecase.concepts'  multiple title='-Select one or more primary concepts-' data-width="auto" >
        <option  ng-repeat='concept in concepten' value='{{concept}}'>{{concept.name}}</option>
</select> 

Concept JSON字符串如下所示:

{"name":"Concept1","description":"beschrijving"}

但是当我在选择中选择一个项目时,它看起来像这样:

{\"name\":\"Concept1\",\"description\":\"beschrijving\"}

我后来想要用所选概念的name属性填充一些下拉列表,但由于反斜杠我无法再达到name属性。 我如何解决此问题,以便value不会向JSON字符串添加反斜杠?

备注:使用ng-options代替ng-repeat完美无缺,但我正在尝试使用我无法工作的nya-bootstrap-select使用ng-options代码

1 个答案:

答案 0 :(得分:0)

我不建议在select中将整个JSON-Strings作为Value。如果您的描述包含更多文本/ html,则可能会遇到麻烦。 在更改处理程序中设置所选概念可能更好,如:

ng-change="updateSelectedConcepts()"

http://plnkr.co/edit/4ETrFlM0HrftAobTyvtS?p=preview

在plunkr中你可以看到usecase.concepts包含所选的概念对象。