Ng-include 例子

最新推荐文章于 2025-09-09 16:55:30 发布

阅读量42

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/MarchThree/p/5353259.html

本文详细介绍了在Angular框架中使用ng-template、ng-include和ng-controller指令的方法，通过实例展示了如何创建自定义控制器并将其与模板进行绑定，以及如何在页面中动态加载内容。

<body>
    <div ng-app="myApp">
       <div ng-controller="firstController">
        <div ng-bind="text"></div>
        <div ng-include="url"></div>
        <div ng-include="tpl"></div>
       </div>
        <script type="text/ng-template" id="tpl.html">
            Content of the template

        </script>
    </div>
    <script type="text/javascript">
        var app = angular.module("myApp", []);

        app.controller('firstController', ['$scope', function ($scope) {
          
            $scope.text = "Demo";
            // ng-include 用法
            $scope.url = "/Demo/Other";

            $scope.tpl = "tpl.html";       
        }]);
         
    </script>

</body>

转载于:https://www.cnblogs.com/MarchThree/p/5353259.html