納克級範圍變量不工作

我試圖根據在角JS一個範圍變量添加CSS：納克級範圍變量不工作

<html> 
<head> 
    <style type="text/css"> 
     body {color: black; font-size: 10px;} 
     .redcolor {color: red; font-size: 20px} 
     .greencolor {color: green; font-size: 100px} 
    </style> 
</head> 
<body ng-app="app"> 
    <div ng-controler="controller"> 
     <span ng-class="{redcolor: test1.isRed, greencolor: test1.isGreen}">Span1</span><br/><br/> 
     <span ng-class="{redcolor: test2.isRed, greencolor: test2.isGreen}">Span2</span> 
    </div> 

    <script src="angular.js"></script> 
    <script type="text/javascript"> 
    angular.module('app',[]) 
    .controller('controler', function($scope) { 
     $scope.test1 = {isRed: true, isGreen: false}; 
     $scope.test2 = {isRed: false, isGreen: true}; 
    }); 
    </script> 
</body> 
</html>

當我運行這個程序，它僅僅是將身體的CSS。我需要使用greenColor風格的redColor和Span 2風格。

請幫我解決這段代碼中的問題。

來源

2017-05-14 user3181365

有你的代碼的幾個問題，

（我）應該是ng-controller，而不是ng-controler

（II）此外，您的控制器名稱爲controler沒有controller

更改如下，

<div ng-controller="controler">  
</div>

DEMO

angular.module('app',[]) 
 
    .controller('controler', function($scope) { 
 
     $scope.test1 = {isRed: true, isGreen: false}; 
 
     $scope.test2 = {isRed: false, isGreen: true}; 
 
    });

<html> 
 
<head> 
 
<style type="text/css"> 
 
     body {color: black; font-size: 10px;} 
 
     .redcolor {color: red; font-size: 20px} 
 
     .greencolor {color: green; font-size: 100px} 
 
    </style> 
 
</head> 
 
<body ng-app="app"> 
 
    <div ng-controller="controler"> 
 
      <span ng-class="{redcolor: test1.isRed, greencolor: test1.isGreen}">Span1</span><br/><br/> 
 
    <span ng-class="{redcolor: test2.isRed, greencolor: test2.isGreen}">Span2</span> 
 

 
    </div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> 
 
</body> 
 
</html>

來源

2017-05-14 07:17:41 Sajeetharan

謝謝你，我使用的Eclipse IDE的發展，從而不能夠找到基本的錯誤。你能否建議一個更好的IDE來開發可以提供建議和更正的AngularJS應用程序。 – user3181365

您可以使用visual studio代碼並使用角度片段和intellisence它會自動爲您檢測錯誤 – Sajeetharan

我來自Java背景，所以使用的是eclipse。 Visual Studio代碼是免費軟件，我可以將它用於我的項目嗎？ – user3181365

納克級範圍變量不工作

回答

相關問題