我可以在$ 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>