2016-07-16 10 views
0

以下のスクリプトは{{ 5+ 15 }}計算を実行しない、それだけでthis imageAngularJSがテンプレート内で計算を実行するにはどうすればよいですか?

HTMLに見られるように、「5+ 15」を返します:私はちょうどあなたの質問を編集し、あなたはNG-アプリをしていることに気づいた

<html> 
    <head> 

    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <script src="lib/ionic/js/angular/angular-animate.js"></script> 
    <script src="lib/ionic/js/angular/angular-sanitize.js"></script> 
    <script src="lib/ionic/js/angular/angular-resource.min.js"></script> 
    <script src="lib/ionic/js/angular/angular.js"></script> 
    <script src="lib/ionic/js/angular/angular.min.js"></script> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
</head> 
<body ng-app="starter"> 
    <ion-pane> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title"> 
     <div style="color:#FF00FF" align="center">Ionic Testing</div> 
     </h1> 
    </ion-header-bar> 
    <ion-content> 
     <div ng-app="FirstModule" ng-controller="myFirstControl"> 
     <input type="text" ng-model="FirstName" name="FirstName"> 
     <input type="text" ng-model="SecondName"> 
     <span ng-bind="FirstName"></span> Full Name: {{ 5+ 15 }} 
     </div> 
    </ion-content> 
    </ion-pane> 
</body> 
</html> 
+0

コンソールにエラーメッセージがありますか? –

+1

あなたは2つのng-appをあなたのhtmlに持っています –

+0

ありがとうMohan Gopi。今すぐ完璧に働く –

答えて

0

<body>タグに1つあり、もう1つは<div>の中に<ion-content>のタグがあります。

これらのうちの1つを削除してください(問題はありません)。計算結果が期待通りに機能するはずです。

関連する問題