我可以在$ scope函數裏面寫一個這個函數嗎？angularjs

Question

是否可以編寫這樣的函數？

$scope.myFunc = function() { 
    this.details = 1; 
    this.setDetails = function (d) { 
     this.details = d; 
    } 

} 

如何從視圖中調用此函數？

<a href="javascript:void(0)" ng-click="myFunc.setDetails('hi')">set Details</a> 

它甚至不叫我的功能。

Answer 1

我爲你準備工作示例。首先使用構造函數，然後通過調用new MyFunc()來創建新實例$scope.myfunc。

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

 

 
myApp.controller('myController', function($scope) { 
 
    
 
    //Constructor function 
 
    function MyFunc() {  
 
    \t this.details = 1; 
 
\t this.setDetails = function(details) { 
 
    \t this.details = details; 
 
    \t } 
 
    } 
 
    //New instance of MyFunc 
 
    $scope.myfunc = new MyFunc(); \t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="myController"> 
 
     <input type="text" ng-model="myfunc.details"> 
 
     <button ng-click="myfunc.setDetails('hi')">Click me</button> 
 
     
 
    </div> 
 
</div>