4. AngularJS中的指令 ng-src,ng-class

2017-10-09  本文已影响0人  小草莓蹦蹦跳
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

        .border{
            border: 5px red solid;
        }

        .radius{
            border-radius: 20px;
        }

    </style>

</head>

<body ng-app=app ng-controller=wmxController>

<!--ng-src指令:给图片添加地址-->
<!--ng-class指令:添加样式。键值对的形式存在,true使用这个样式,false表示不使用该样式-->
![]({{Url}})

<!--不建议这样使用,资源丢失-->
<!--![]({{Url}})-->

<script src='angular.js'></script>

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

    app.controller('wmxController',['$scope',function ($scope) {
        $scope.Url = '1.png';
    }])

</script>
</body>
上一篇 下一篇

猜你喜欢

热点阅读