私のhtml5アプリがモデルを表示できません

私はいくつかのカスタムフィルター作業を行うためにangularJSを使用していますが、最初の段階でモデル情報を表示できませんでした。私のhtml5アプリがモデルを表示できません

<html lang="en" data-ng-app="myApp"> 
<Head> 
    <title>Custom filter</title> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div data-ng-init="varNum=0"> 
    <p> 
     <label for="number">Enter number from 1 to 99:</label> 
     <input type="number" data-ng-model="varNum" id="number"/> 
    </p> 
    <p>Your number: {{ varNum }}</p> 
</div> 
<script src="js/angular.min.js"></script> 
<script src="js/appromannumber.js"></script> 
</body> 
</html>

appromannumber.js

var app = angular.module("myApp", []); 

app.filter("myFilter", function(){ 
    return function(myNum) { 
     var formatedNumber = ""; 
     switch(myNum) { 
      0:formatedNumber="zero";break;  
     return formatedNumber; 
     } 
    });

しかし、私はNG-アプリの値を削除した場合、データ-NG-アプリ= "" のように、それはVARNUMを表示するために開始します。なぜこれが起こるのか分かりません。

出典

2016-04-17 Joey Zhang

を、あなたはすべてのエラーを持っていないかどうかを確認しますコンソールで – Ygalbel

問題が解決した、私は逃した}; –

の 'case'を使わずに' switch'文が動いていますか？ –

ブートストラップなしの角度で動作しないでください。モジュール手段なし。ng-app="moduleName"。私はあなたが何かを逃すと、私はあなたがswitch文で

caseを逃したあなたのフィルタであなたに

を助けることが、あなたのコード内のいくつかの問題怒鳴る言及したと思われます。 0:...の代わりにcase 0:が必要です。
return formatedNumber;このステートメントは到達不能です。
app.filter("myFilter", function(){ 
    return function(myNum) { 
     var formatedNumber = ""; 
     switch(myNum) { 
      case 0:formatedNumber="zero";break; 
      case 1:formatedNumber="One";break; 
     } 
     return formatedNumber; 
    }; 
}); 
とhtmlで：switch声明

後に使用する必要がありますように試みることができるクロムのdevのツールで

<div data-ng-init="varNum=0"> 
    <p> 
     <label for="number">Enter number from 1 to 99:</label> 
     <input type="number" data-ng-model="varNum" id="number"/> 
    </p> 
    <p>Your number: {{ varNum | myFilter }}</p> // shown filtered value 
</div>

出典

2016-04-17 15:42:20

私のhtml5アプリがモデルを表示できません

答えて

関連する問題