使用Pug和SCSS與Angular（ng-model）

我試圖學習與Pug和SCSS同時使用Angular，我當前的問題是與ng-class概念。我的代碼如下：使用Pug和SCSS與Angular（ng-model）

HTML（在帕格）

form 
    input#theSearch(type='text' ng-model="theSearch") 
    br 
    span(ng-class ="{'test': isEven()}") Example Text

SCSS

.test { 
    color:red; 
    font-size:80px; 
}

AngularJS

angular.module("root", []) 
    .controller("index",["$scope",function($scope) { 
    $scope.theSearch = 1; 
    $scope.isEven = function() { return $scope.theSearch % 2 === 0; }; 
}]);

小號o理想情況下，當用戶輸入一個偶數並將紅色變爲紅色以及增加尺寸時，這會發生反應。目前，即使有投入，它也不會改變。我懷疑這是一些菜鳥的語法錯誤，但任何關於這個問題的指導都將非常感激。

附註：我在CodePen環境中。包括Pug，包含SCSS，包含Bootstrap，正在使用Angular 1.6.1。所有的html都包含在main.container-fluid(ng-app="root")中。先謝謝你！

來源

2017-06-05 Thor Codinson

你會得到任何錯誤？你發佈的模塊工作正常https://codepen.io/srajagop/pen/KqwEJP。 – karthick

你能分享你的筆嗎？ – karthick

感謝您的codepen！回答如下。謝謝！ –

感謝karthick發佈的codePen！我的HTML在form元素上缺少ng-controller="index"。沒有控制器，$scope不知道在哪裏應用（我相信）。再次感謝karthick！

來源

2017-06-06 19:20:57

使用Pug和SCSS與Angular（ng-model）

回答

相關問題