Angularjs 从ng中更改ng include的内容从ng中单击我要更改的ng include

我有一个模板设置，顶部有一个导航，导航链接如下：

<a href="" ng-click="subPage='views/customers/jobs.html'">Jobs</a>

这些链接会更改ng include元素的内部内容：

<section data-ng-include="subPage" ng-init="subPage='views/customers/information.html'" ng-animate></section>

这工作得很好，但是在我将一个分部加载到ng中后，包括放置一个链接，如：

<a href="" ng-click="subPage='views/customers/jobs.html'">Jobs</a>

---

对ng include部分没有影响。我希望能够从元素内部更改此元素的内容。知道我做错了什么吗？

ngInclude

创建了一个子作用域，因为

子页面

是一个基本类型（字符串），

subPage='views/customers/jobs.html'

将更新子作用域的

子页面

属性，但父作用域上的

子页面

将不受影响

这可能与你现在的情况类似，链接不起作用

<div ng-app ng-init="subPage = 'foo.html'">
    <div ng-include="subPage"></div>
    <script type="text/ng-template" id="foo.html">
        <div><h1>foo</h1>
            <a href="" ng-click="subPage='bar.html'">bar</a >
        </div>
    </script>
    <script type="text/ng-template" id="bar.html">
        <div><h1>bar</h1>
            <a href="" ng-click="subPage='foo.html'">foo</a >
        </div>
    </script>
</div>

另一种是绑定到一个对象，而不是像字符串一样的基元

<div ng-app ng-init="subPage.url = 'foo.html'">
    <div ng-include="subPage.url"></div>
    <script type="text/ng-template" id="foo.html">
        <div><h1>foo</h1>
            <a href="" ng-click="subPage.url='bar.html'">bar</a >
        </div>
    </script>
    <script type="text/ng-template" id="bar.html">
        <div><h1>bar</h1>
            <a href="" ng-click="subPage.url='foo.html'">foo</a >
        </div>
    </script>
</div>

福

有关详细信息，请查看。
ngInclude
创建子作用域，并且由于
子页面
是基本类型（字符串），
subPage='views/customers/jobs.html'
将更新子作用域的
子页面
属性，但父作用域上的
子页面
将不受影响

这可能与你现在的情况类似，链接不起作用

<div ng-app ng-init="subPage = 'foo.html'">
    <div ng-include="subPage"></div>
    <script type="text/ng-template" id="foo.html">
        <div><h1>foo</h1>
            <a href="" ng-click="subPage='bar.html'">bar</a >
        </div>
    </script>
    <script type="text/ng-template" id="bar.html">
        <div><h1>bar</h1>
            <a href="" ng-click="subPage='foo.html'">foo</a >
        </div>
    </script>
</div>


另一种是绑定到一个对象，而不是像字符串一样的基元

<div ng-app ng-init="subPage.url = 'foo.html'">
    <div ng-include="subPage.url"></div>
    <script type="text/ng-template" id="foo.html">
        <div><h1>foo</h1>
            <a href="" ng-click="subPage.url='bar.html'">bar</a >
        </div>
    </script>
    <script type="text/ng-template" id="bar.html">
        <div><h1>bar</h1>
            <a href="" ng-click="subPage.url='foo.html'">foo</a >
        </div>
    </script>
</div>


福

有关更多信息，请查看。
这救了我！谢谢你的发帖！这救了我！谢谢你的发帖！