zoukankan      html  css  js  c++  java
  • angular1.5 组件学习 -- 1、组件的基本结构

    angular 1.5 新增了组件功能,一个简单的组件要包括两项:模板、控制器。

    1、模板,可以是一段html内容,也可以是引用html文件的路径

    2、控制器,则跟我们的 controller 的使用大致相同。

    <!DOCTYPE html>
    <html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <script src="angular.js"></script>
    </head>
    <body>
        <test-compnent></test-component>
        <script>
            angular.module('myApp', [])
                    .component('testComponent', {
                        template: "<h3>{{$ctrl.sayHello}}</h3>",
                        controller: TestComponent
                    })
                    function () {
                        this.sayHello = 'Hello';
                    }
        </script>
    </body>
    </html>

    组件中推荐使用 this 来定义变量。页面中通过 $ctrl.变量名 的方式进行引用。

    1.5 的 component 中也是支持 $scope 的,其他服务什么的跟 controller 中使用相同。不过 $scope 在 angular 的高级版本中会被移除~

  • 相关阅读:
    课时作业
    第八周学习进度
    第一次nabcd编写
    第七周学习进度
    第六天进度
    第五天进度
    第四天进度
    第一篇
    1.Windows 系统下安装 IntelliJ IDEA
    Java开发环境(含IDE)的搭建
  • 原文地址:https://www.cnblogs.com/guofan/p/8359894.html
Copyright © 2011-2022 走看看