Angularjs 1.5组件使用子组件中的绑定进行双向绑定

时间:2017-07-14 03:30:54

标签: angularjs

我始终无法正确记住组件绑定中的'='左侧和右侧的变量以及组件中的绑定理解。

让我们使用以下演示来讨论:

Runable demo in JSFiddle

  1. 在子组件中,我们何时可以直接使用bindings: {obj: '='}而不将变量放在'='的右侧?或者不将变量放在'='的右侧是一个好习惯?我知道如果我们不在'='的右侧放置一个变量,那么父模板中的变量(<example obj="parent.someObject">)应该与'='左侧的变量相同。

  2. 如果我有bindings: {obj: '= foo'},则在父模板中,我们需要执行<example foo="parent.someObject">。所以,我总是记得这样,'='右侧的变量应该放在父模板的'='左侧。这是一个背诵这个定义的好方法吗?

  3. 如果我想在父组件和子组件之间进行通信(传递数据)。我只知道在子组件中使用bindings,是否还有其他方法呢?

  4. 我知道绑定中的'='是双向绑定,在绑定中总是使用'​​='是一个好习惯吗?所以我不需要记住'&lt;','&amp;'等等。如果我们不希望子组件影响父组件但我们仍然使用'='两种方式绑定,我只知道这个缺点。除了这个缺点,如果我们总是使用'​​='两种方式绑定,是否有任何不利之处?

  5. 我们可以在父控制器中看到,我们传入了

    this.someObject = {     托德:{       年龄:25岁,       地点:'英国,英国'     }   };

  6. 但是在模板中,为什么它在“todd”,“age”,“location”中有双引号?什么机制添加双引号? enter image description here

    感谢您阅读并解释。我很感激。

0 个答案:

没有答案