tại sao nội suy làm việc bên trong ng-show và không phải bên trong ng-click

Question

// mẫu

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

}); 

Ở đây nó là không trong trường hợp ng-click

angular.js:14525 Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{myFunction()}}] starting at [{myFunction()}}].

Answer 1

Chỉ cần sử dụng mà không có biểu hiện,

<button type="button" ng-click="myFunction()">click Me !!</button> 

Answer 2

ng-show và ng-click đã là chỉ thị inbuild trong angularjs. Vì vậy, chúng ta không cần phải đặt nó trong dấu ngoặc nhọn cho những biểu thức này.

Nếu không có bộ điều khiển, chúng tôi thực hiện ngữ cảnh trong chính html. Sử dụng ng-init sử dụng chỉ thị để xác định như là một biến mà bạn thích và ghi đè lên các biến trong ng-click như bạn muốn

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

điều khiển:

var myApp = angular.module('myApp',[]); 

    function MyCtrl($scope) { 
     $scope.name = 'Ranka'; 
    } 

Working Fiddle

Answer 3

thử cách này đơn giản

<button type="button" ng-click="{{ myFunction(); isShow = false}}">click Me !!</button> 

    <p ng-show="{{isShow}}">The name is {{ name | uppercase }}</p> 

và bộ điều khiển phải là số e,

var myApp = angular.module('myApp',[]); 
     function MyCtrl($scope) { 
     $scope.isShow= true; 
     $scope.name = 'hallow world!'; 
    }