Javascript angularjs ng包含来自控制器的传递值

我正在尝试将子页面包括到我的主页中

我正在使用

ng include

。。当我尝试使用这个

ng include=“'samplePage.php'”

时，它工作正常。。。但是我想要的是在控制器中分配

ng include

的值

这是我的hmtl代码

<div id="navbar-override" class = "navbar navbar-inverse navbar-static-top" ng-controller="indexCtrl">
        <div class = "container">
            <div class = "navbar-header">
                <a href = "index.html" class = "navbar-brand">
                    Sample App
                </a>
                <button id="navbar-btn-override" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                </button>
            </div>
            <div class = "collapse navbar-collapse navHeaderCollapse">
                <ul class = "nav navbar-nav navbar-right">
                <li ng-repeat="link in Links"  ng-class="{'active': selectedItem === link}">
                    <a href = "javascript:void(0)" ng-click="Link(this)">{{ link }}</a>
                </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container" ng-include="pages">
          <!--subpages will append here-->
    </div>

如果你问我为什么要这么做。。因为我计划动态地使用

ng include

我对angularjs还是新手，所以请容忍我。。。 提前感谢..

这会有用的

您的HTML：

<div ng-controller="Ctrl">
    <select ng-model="template" ng-options="t.name for t in templates">
     <option value="">(blank)</option>
    </select>
    url of the template: <tt>{{template.url}}</tt>
    <hr/>
    <div ng-include src="template.url" onload='myFunction()'></div>
  </div>

<!-- template1.php-->
<script type="text/ng-template" id="./pages/template1.php">
  Content of template1.php
</script>

<!-- template2.php-->
<script type="text/ng-template" id="./pages/template2.php">
    <p ng-class="color">Content of template2.php</p>
</script>

这样就行了

您的HTML：

<div ng-controller="Ctrl">
    <select ng-model="template" ng-options="t.name for t in templates">
     <option value="">(blank)</option>
    </select>
    url of the template: <tt>{{template.url}}</tt>
    <hr/>
    <div ng-include src="template.url" onload='myFunction()'></div>
  </div>

<!-- template1.php-->
<script type="text/ng-template" id="./pages/template1.php">
  Content of template1.php
</script>

<!-- template2.php-->
<script type="text/ng-template" id="./pages/template2.php">
    <p ng-class="color">Content of template2.php</p>
</script>

---

@SamTengWong我已经用示例更新了我的答案，你能检查一下吗？这很有用。？对不起，我的错误。。。它正在工作。。。。我的文件的实际名称是

customers.php

。。。我花了一个小时才注意到。。。我的错。。但是谢谢你的帮助…@SamTengWong我已经用示例更新了我的答案，你能检查一下吗这很有帮助。？对不起我的错误。。。它正在工作。。。。我的文件的实际名称是

customers.php

。。。我花了一个小时才注意到。。。我的错。。但是谢谢你的帮助。。。

function Ctrl($scope) {
    $scope.templates = [{
        name: 'template1.php',
        url: './pages/template1.php'},
    {
        name: 'template2.php',
        url: './pages/template2.php'}];
    $scope.template = $scope.templates[0];

    $scope.myFunction = function() {
        $scope.color = 'red';
    }
}