如何绑定由AngularJS中的函数构造函数创建的对象

Question

I want, my model in the controller, to be not a plain object like Number , Boolean , String , Object , Array , but an object created by function-constructor. 我希望控制器中的模型不是普通对象，如Number ， Boolean ， String ， Object ， Array ，而是由function-constructor创建的对象。

Is it possible in AngularJS? AngularJS中可能吗？

Here is my html: 这是我的html：

<body ng-app="MyApp" ng-controller="MyController">
   <input ng-model="model.text" type="text"/>
</body>

and my script: 和我的脚本：

angular.module('MyApp',[]).
constant('MyModel',function(){
    var MyModel = function(text){
        this.text = text;
    };

    return MyModel;
}).
controller('MyController',
           [
               '$scope',
               'MyModel',
               function(
                   $scope,
                   MyModel
               ){
    //Does not work               
    $scope.model = new MyModel('dummy text');
    //Works
    //$scope.model = {text:'dummy text'};                   
}])

Answer 1

The constant doesn't need to be wrapped in a function... constant不需要包装在函数中...

angular.module('MyApp',[]).
constant('MyModel',function(text){
        this.text = text;
}).

// ...

http://jsfiddle.net/S5VXv/ http://jsfiddle.net/S5VXv/

Answer 2

The constant is immutable, to create your own-function-constructor use Factory . 该constant是不可变的，可以使用Factory创建自己的函数构造函数。

angular.module('MyApp',[])
  .factory('MyModel',function(){
    var MyModel = function(text){
      this.text = text;
    };
    return MyModel;
});

Here is docs 这是文档

如何绑定由AngularJS中的函数构造函数创建的对象

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-03-20 06:52:17

解决方案2
1 2014-03-20 07:03:15

如何绑定由AngularJS中的函数构造函数创建的对象

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-03-20 06:52:17

解决方案2 1 2014-03-20 07:03:15

解决方案1
1 已采纳 2014-03-20 06:52:17

解决方案2
1 2014-03-20 07:03:15