个人中心
gpt4 book ai didi

javascript - Angular.js 输出值在 ng-click 上实时显示

转载 作者：行者123 更新时间：2023-11-28 14:56:01 26 4
gpt4 key购买 nike

我是 Angular 的新手，对此有点困惑。所以基本上我创建了一个简单的按钮，我想运行函数 foo()分配变量 var one = 1;至$scope并将其输出到 <p>{{one}}<p>每次点击就像实时打字一样，但这似乎不起作用。请给我一个解决方案。

<html ng-app="app">
 <!-- Body tag augmented with ngController directive  -->
 <body ng-controller="myController">
   <input type="text" ng-model="name">
   <p>{{name}}</p>
   <p>{{one}}</p>

   <button ng-click="foo()">1</button>

   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
   <script src="controller.js"></script>
 </body>
</html>

Controller :

var app = angular.module('app',[]);
app.controller('myController', ['$scope',function($scope){
  var one = 1;

  $scope.name = name;

  function foo(){
    return $scope.one = one;
  }
}]);

最佳答案

函数 foo() 不存在于您的 Controller “myController”的 $scope 中

如果您声明:

$scope.foo = 函数(){}

在你的 Controller 中，那么这对你有用

关于javascript - Angular.js 输出值在 ng-click 上实时显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42863871/

26 4 0
文章推荐： html - 重新处理 ie7 中的 block 内容
文章推荐： JQuery 隐藏可折叠菜单点击其他地方 - 模糊 -
文章推荐： css - 需要有关 superfish 菜单的帮助 - 背景和文本颜色问题
文章推荐： html - 如何解决并排放置 div 的移动问题？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com