首页 / JAVASCRIPT / javascript – 在angularjs控制器中创建乘法函数？

javascript – 在angularjs控制器中创建乘法函数？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在angularjs控制器中创建乘法函数？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含992字，纯文字阅读大概需要2分钟。

内容图文

我试图在angularjs控制器中创建一个乘法函数.我希望功能返回数量和价格的产品.我正在使用下面的代码段,但它返回了一个错误.我究竟做错了什么？

  <!DOCTYPE html> <html>

 <head> <script src= "Angular.js"></script> </head>

 <body>

 <div ng-app="" ng-controller="personController">

 <h2>Cost Calculator</h2>

 Quantity: <input type="number" ng-model="quantity"> Price: <input type="number" ng-model="price">

 <p><b>Total in dollar:</b> {{fullname()}}</p>

 </div>


 <script> function personController(scope) {    var input1 =  scope.quantity ,    var input2 = scope.price ,
     $scope.fullName = function() {
         return {{input1 * input2}};
     } } </script>

 </body> </html>

解决方法:

在这个简单的示例中,您不需要创建控制器.

见here

<h2>Cost Calculator</h2>
Quantity:
    <input type="number" ng-model="quantity">Price:
    <input type="number" ng-model="price">
    <p><b>Total in dollar:</b> {{quantity*price}}</p>
</div>

但是,如果你需要创建它 – 看到错误：

> angulars interpolation syntax {{}}仅用于HTML,而不是javascript.
>使用$scope,而不是范围
>格式化代码很重要.

内容总结

以上是互联网集市为您收集整理的javascript – 在angularjs控制器中创建乘法函数？全部内容，希望文章能够帮你解决javascript – 在angularjs控制器中创建乘法函数？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/744396.html

来源：【匿名】