Question

我的angular指令的参数没有传递到范围内：

<div ng-repeat="content in data.home">
   <section-left ng-if="$even"  sectionContent="{{content}}" sectionImg="http://placehold.it/700x450"></div>
   <section-right ng-if="$odd" sectionContent="{{content}}" sectionImg="http://placehold.it/700x450"></div>
</div>

从这里打电话给他们：

<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
                {{sectionContent}}
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6">
                <img class="img-responsive" src="{{sectionImg}}">
            </div>
        </div>
    </div>
</div>

看起来像这样：

{{1}}

结果只是一个没有内容的空白区域，但我可以看到在指令元素上设置的属性。发生了什么事？

提前致谢！

Answer 1

需要删除{{}}以使用=在隔离范围内将范围变量传递给指令。

section-content="content"

这意味着双向绑定将是名为content

的父作用域变量

Angular指令属性未传递到范围

1 个答案: