düzgün çalışmıyor, paragraf arka planda kırmızı açmalısınız. Ayrıca, neden varsayılan ben paragrafta mavi arka plan alıyorum tarafından (Birisi bana yardımcı olabilir? Modeli sayfa yüklemesinde boş değere sahip olarak şeffaf olmalıdır?ng sınıf, programı izleyen yılında 'angularjs'
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<style>
.red{background:red;}
.blue{background:blue;}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="color" />
<p ng-class="{'red':color==red,'blue':color==blue}">This is a paragraph.</p>
<script>
//1 module declaration
var app = angular.module('myApp', []);
//2 controller declaration
app.controller('myCtrl',function($scope){
//code here
});
</script>
</body>
</html>
Dize karşılaştırmasında alıntılar kullanın. ng-class = "{'red': color == 'kırmızı', 'mavi': renk == 'mavi'}" '[** Demo **] (https://jsfiddle.net/tusharj/x1t2outd /) – Tushar
Siz bir nesneye eşittir ama girişte bir dize iletirsiniz – SuperComupter
Tanımlanmamışsa, undefined ile eşit değil ise tanımlıyor – zamarrowski