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; }; 
}]);

Sこれは、ユーザが偶数を入力してspanを赤色にし、サイズを大きくすると反応するのが理想的です。現在、偶数入力にもかかわらず変更されません。私はこれがルーキーの文法ミスであると思われますが、問題のガイダンスは一番高く評価されます。

サイドノート：私はCodePen環境にいます。 Pugが含まれ、SCSSが含まれ、ブートストラップが含まれ、角度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）で使用する

答えて

関連する問題