美文网首页
4. AngularJS中的指令 ng-src,ng-class

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

作者: 小草莓蹦蹦跳 | 来源:发表于2017-10-09 19:51 被阅读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>

相关文章

网友评论

      本文标题:4. AngularJS中的指令 ng-src,ng-class

      本文链接:https://www.haomeiwen.com/subject/jhnpyxtx.html