ng-class在Angular條件下無法正確渲染

Question

我有一個html，如果我在輸入框中輸入“ color”，則該段落必須具有紅色背景。 我認為我正在正確使用ng-class，仍然無法將其變為紅色。 有人可以幫忙嗎？

HTML：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<style>
.red: {background:red}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p ng-class="{'red':entry=='color'}"> This is box. </p>
<input ng-model="entry" />
<script>
//Module Declaration
var app = angular.module('myApp',[]);
//Controller Declaration
app.controller('myCtrl',function($scope){
    $scope.entry = "";
});
</script>
</body> 
</html>

Answer 1

錯誤在您的CSS中:在.red之后有一個多余的: 。

正確的聲明是：

.red {background:red}

ng-class在Angular條件下無法正確渲染

問題描述

1 個解決方案

解決方案1
1 已采納 2016-02-09 11:16:43

ng-class在Angular條件下無法正確渲染

問題描述

1 個解決方案

解決方案1 1 已采納 2016-02-09 11:16:43

解決方案1
1 已采納 2016-02-09 11:16:43