【问题标题】:Accessing the NG-MODEL from Directives TemplateUrl from Parent HTML file从父 HTML 文件中的 Directives TemplateUrl 访问 NG-MODEL
【发布时间】:2017-04-20 05:59:07
【问题描述】:

我将尽可能简单地描述我的问题。

我有一个名为 Directive-A 的指令,它有一个名为 name.htmltemplateUrl,在 name.html 内有一个 ng-model="name",我想从调用 Directive-A父 HTML 文件 访问它。 p>

如果我在嵌套图中说明它会是这样的:

父 HTML 文件 -> Directive-A -> name.html -> ng-model="name"

编辑 注意:我正在尝试通过pre 标签访问它。当我尝试使用<pre>{{name.$viewValue}}<pre> 时,它可以工作。但我知道这不是我问题的确切解决方案。

我希望有人可以为我提供有关如何解决我的问题的答案或想法。我一直在寻找这个答案很长一段时间,但我仍然无法解决它。

编辑 2 添加了指向 Plunker 的链接:https://plnkr.co/edit/6glStzEq5ckZZzph2qLw?p=preview

【问题讨论】:

    标签: javascript html angularjs angularjs-ng-model


    【解决方案1】:
    1. 如果您的指令 Directive-A 是孤立的,那么就没有办法了。

    2. 如果您的指令创建范围,那么您必须修改您的模板,例如

      ng-model="someobj.name"
      

      并在您的“父 HTML 文件”控制器中定义 someobj 如下所示

      $scope.someobj = {}
      
    3. 如果您的指令没有创建其范围(意味着共享范围),那么您可以简单地在“父 HTML 文件”中访问该变量。

    【讨论】:

    • 您好,感谢您的回答。我的 Directive-A 范围设置为 true。你能看看这个吗? link
    猜你喜欢
    • 1970-01-01
    • 2017-12-05
    • 2017-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-26
    • 2016-11-18
    • 1970-01-01
    相关资源
    最近更新 更多