您的位置:首页 > 其它

开始学习一个指令 directive 并了解指令的意义

2015-12-31 22:51 337 查看
这一节中,开始一些比较新的东西了,但都会从简入深的学习,不用担心理解不了,这里都会以白话的形式去描述

指令 directive 可以干什么

directive 允许我们自定义一些非标准的HTML标签,便于我们的业务需要的处理

一个简单的 button 指令

Angularjs 开始之Hello world中的JS代码部分修改为以下内容

[code]angular.module('MyApplication', [])
        .controller('HelloWorld', ['$scope', function($scope){
            $scope.text = "Hello world";
        }])
        .directive('button', function(){
            return {
                link: function(scope, elements, attrs) {
                    elements.addClass('btn');
                }
            };
        });


然后运行后,通过审查元素的方式,查看BUTTON 按钮,程序已经自动的为 BUTTON增加了命名为 btn 的 class
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: