为什么插值在ng-显示而不是在ng-单击内工作
为什么插值在ng-显示而不是在ng-单击内工作
提问于 2017-07-13 06:10:10
//模板
<div ng-controller="myController">
<input type="text" ng-model="name">
<p>{{name}}</p>
<p>{{10+10}}</p>
<button type="button" ng-click="{{myFunction()}}">click Me !!</button>
<p ng-show="{{myFunction()}}">The name is {{ name | uppercase }}</p>
</div>
// Controller
myApp.controller('myController', function ($scope) {
$scope.name = 'Ranka';
$scope.myFunction = function(){
return true;
};
});在这里，它失败了，以防纳克单击。
angular.js:14525错误：$parse:syntax语法错误:从{myFunction()}}开始的表达式{{myFunction()}}列上的令牌'{‘无效键。
回答 3
Stack Overflow用户
发布于 2017-07-13 06:10:51
不用表情就行，
<button type="button" ng-click="myFunction()">click Me !!</button>Stack Overflow用户
发布于 2017-07-13 06:23:17
ng-show和ng-click已经是angularjs中的内置指令。所以，我们不需要把它放在花括号中来表达这些表达式。
没有控制器，我们就在html本身中执行上下文。使用ng-init指令Use将您喜欢的变量定义为变量，并根据需要在ng-click中覆盖该变量
<div ng-controller="MyCtrl" ng-init="showName = false;">
<input type="text" ng-model="name">
<p>{{name}}</p>
<p>{{10+10}}</p>
<button type="button" ng-click="showName = true">click Me !!</button>
<p ng-show="showName">The name is {{ name | uppercase }}</p>
</div>主计长：
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.name = 'Ranka';
}Stack Overflow用户
发布于 2017-07-13 06:31:01
试试这个简单的方法
<button type="button" ng-click="{{ myFunction(); isShow = false}}">click Me !!</button>
<p ng-show="{{isShow}}">The name is {{ name | uppercase }}</p>控制员应该像，
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.isShow= true;
$scope.name = 'hallow world!';
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45072642
复制相关文章
相似问题
腾讯云开发者
