为什么引用在角度指令中作为属性传入的对象属性会导致错误
Why does referencing object property passed in as attribute in angular directive cause error?
请参阅此 plnkr http://plnkr.co/edit/pj4TwkV7icMp4IdyReZP?p=preview对象作为指令的属性传入。
<shape type="person" shirt="blue" dta="{name:'SomeName', age:'21', Hobbies:['reading', 'coding', 'camping'] }"></shape>
然后在模板中引用这些属性,如下所示<h1>Age:{{dta.age}}</h1>
尽管它正确显示属性值,但也会导致此错误 $rootScope:infdig] 达到 10 次 $digest(( 迭代。中止!(请参阅 PLNKR 中的控制台(。我知道错误是在模型"不稳定"时引起的 - 但是在这种情况下是什么导致了不稳定?值/属性不会更改。在不导致错误的情况下获得相同结果的正确方法是什么?
我认为
这个错误只是告诉你你在HTML值中创建的时间太长:{name:'SomeName', age:'21', Hobbies:['reading', 'coding', 'camping'] }
。
将模型作为 HTML 属性放置不是好的做法(MVC 模式(。
<shape type="person" shirt="blue" dta="{name:'SomeName', age:'21', Hobbies:['reading', 'coding', 'hiking'] }"></shape>
我建议在控制器中创建dta
对象:
$scope.dta = {
name:'SomeName',
age:'21',
Hobbies:['reading', 'coding', 'hiking']
};
并更改shape
元素,例如:
<shape type="person" shirt="blue" dta="dta"></shape>
参见演示小提琴
相关文章:
- 为什么我可以在Array属性对象中找到Javascript Array for Each方法
- 使用onclick调用属性对象函数
- 嵌套为..in 循环,列出多维对象的属性(对象)
- 动态属性对象 - JSON
- 在不使用隔离范围angularjs自定义指令的情况下获取属性对象
- 通过属性传递属性/对象.Javascript
- Javascript:属性/对象的类型
- 访问JSON中的属性(对象)
- 属性对象Javascript不是用Jquery Deferred设置的
- 无法读取属性'#<对象>'未定义的获取错误
- Twitter中多属性对象的子字符串匹配
- 无法设置'data'属性'对象'标记.(只IE8)
- 更新数据属性对象属性值
- 将属性对象的选定对象从原型推入数组
- 将单个属性对象字面量的数组转换为仅包含其值的数组的最佳方法
- 寻找一种更简单的方法来检查是否多个属性&对象中的方法是未定义的
- 主干模型:带有get方法的空属性,但在属性对象中
- 如何赋值给"text"someText"属性对象在动能js
- Angularjs的数据绑定与数据属性对象
- 如何将一个嵌套的javascript对象转换为只有一级属性对象