Javascript AngularJS-带子作用域的转移作用域
我有一个案例,我想为模块化表单创建一个可重用的指令,其中有一个主表单指令,打算与一些字段输入指令组合使用。大概是这样的:Javascript AngularJS-带子作用域的转移作用域,javascript,angularjs,Javascript,Angularjs,我有一个案例,我想为模块化表单创建一个可重用的指令,其中有一个主表单指令,打算与一些字段输入指令组合使用。大概是这样的: <form-container submit-path="/path/to/api/"> <input-field label="Foo"></input-field> <select-field label="Bar"></select-field> </form-container>
<form-container submit-path="/path/to/api/">
<input-field label="Foo"></input-field>
<select-field label="Bar"></select-field>
</form-container>
- (1) form-container isolate scope
- (2) form-container transcluded scope
- (3) input-field scope
- (4) select-field scope
作用域1将具有从表单收集和发布数据的功能,但它需要访问绑定到作用域3和4中表单元素的数据
这可能吗
由于首选的方法是将模式存储在范围2中,因此我需要将字段绑定到不同的变量名,但似乎无法使用指令的属性在ng模型上插值。编辑:似乎我可以在编译函数中手动完成这项工作?第二次编辑:一次是固定的
此外,表单提交功能不能直接访问范围2中的数据。您可以使用$$nextSibling,但显然这是
有没有办法让作用域3和4直接从作用域1继承
这就是我试图通过使用
指令控制器,并让子指令更新
通过其控制器在父指令中的值
我对这个问题投了赞成票,因为我不满意,希望看到更好的解决方案。我找到了一个解决方案。我把它当作一个新问题的答案,因为我认为我原来的问题措词不当 基本上,您不需要处理转置范围。您只需在表单上使用标记和ng控制器,或者使用将作用域附加到表单标记的自定义指令 要在指令中使用ng模型的动态值,必须使用链接函数修改指令的实例。有关所有详细信息,请参阅解决方案