interpolasyon içeride ng gösterisi çalışıyor ve içeride neden

Question

// şablon İşte

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

}); 

şu nedenlerden dolayı başarısız olduğunu

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

Answer 1

Hemen ifade vermeden kullanmak ng tıklama ng tıklatın

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

Answer 2

ng-show ve ng-click zaten İçerisine yerleştirilmiş yönergesi vardır angularjs içinde. Bu yüzden bu ifadeler için kaşlı ayraçlara koymaya gerek yok.

Denetleyici olmadan, içeriği html'nin kendisinde yapıyoruz. Beğendiğiniz bir değişken olarak tanımlamak ng-init direktif kullanımını kullanın ve

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

kontrolör istediğiniz gibi ng-click değişkeni geçersiz:

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

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

Working Fiddle

Answer 3

bu basit bir yol

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

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

deneyin

ve denetleyici gibi olmalıdır e,

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