AngularJS ng-style

曹振华

已于 2022-08-08 15:27:59 修改

阅读量642

点赞数

分类专栏： angularjs 文章标签： AngularJS ng-style

于 2019-06-23 10:26:36 首次发布

本文链接：https://blog.csdn.net/chadcao/article/details/93378582

版权

angularjs 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="my_app">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module("my_app", []);
        app.controller('my_controller', function ($scope) {
            $scope.list=[
				{id:1,name:'张三'},
				{id:2,name:'李四'},
				{id:3,name:'王五'},
			]
        });
    </script>
</head>
<body ng-controller="my_controller">
    <div>
        <ul>
			<li ng-repeat="item in list" ng-style="{'color':item.id==1?'red':'blue'}">
				{{item.name}}
			</li>
		</ul>
    </div>
</body>
</html>