如何让AngularJS在模板中执行计算？

下面的脚本不执行计算{{ 5+ 15 }}，它只是返回“5+ 15”为this image 如何让AngularJS在模板中执行计算？

HTML看出：

<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>

来源

2016-07-16 Dharmalingam Sekar

控制台中的任何错误消息？ –

你有两个ng-app在你的html –

谢谢Mohan Gopi。现在完美地工作 –

我刚刚编辑你的问题，发现你有NG-应用声明两次：

<body>标记上有一个标记，<ion-content>的第一个<div>上有另一个标记。

删除其中一个（无所谓）和您的计算应该按预期工作。

来源

2017-09-19 20:20:20 Graham

如何让AngularJS在模板中执行计算？

回答

相关问题