Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular 练习大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。



<!DOCTYPE html>
<html>
<head lang="en">
    <Meta charset="UTF-8">
    <script src="framework/1.3.0.14/angular.js"></script>
    <script src="framework/1.3.0.14/angular-route.js"></script>
    <script src="framework/1.3.0.14/angular-animate.js"></script>
    <script src="js/test2.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/filters.js"></script>
    <script src="js/services.js"></script>
    <script src="js/directives.js"></script>
    <title>练习</title>
</head>
<body>
    <div ng-app="app">
        <Hello></Hello>
        <div attrDire class="classDire"></div>
        <div ng-controller="AppCtrl">
            <div enter="loadMoreData">I me here.</div>
        </div>
    </div>
</body>
</html>

/**
 * Created by dell on 2016/9/6.
 */

var app=angular.module('app',[]);

app.directive('Hello',function(){
    return {
        reStrict:'E',replace:true,template:'<div>Hello liaojianguo</div>'
    }
})

app.directive('attrDire',function(){
    return {
        reStrict:'A',link:function(){
            alert("我是属性");
        }
    }
})

app.directive('classDire',function(){
    return {
        reStrict:'C',link:function(){
            alert("我是class");
        }
    }
})

app.controller('AppCtrl',function($scopE){
    $scope.loadMoreData=function(){
        alert("正在加载数据中......");
    }
})

app.directive('enter',function(){
    return function(scope,element,attrs)
    {
        element.bind('mouseenter',function(){
            scope.$apply(attrs.enter);
        });
    }
})

大佬总结

以上是大佬教程为你收集整理的angular 练习全部内容,希望文章能够帮你解决angular 练习所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:angular练习