在尝试为我的一个 Angular 模块创建工厂时,我遇到了一些令人头疼的问题。我需要获取一些 JSON 数据并能够使用它,同时仍保留原始格式,以便我可以将其转回字符串。所以如果我有如下 JSON 数据:
[ [ '11/09/2012', {gender:'M'}, 'John', 'Smith'], ['07/22/1986', {gender:'M'}, 'Bill', 'Miller], ...]
我希望能够调用 data.birthday 或 data.firstName,而不必跟踪我 View 中的结构。
为此,我有一个如下所示的工厂:
.factory('DataObject', function () {
DataObject.prototype.objToArray = function()
{
var arrayVal = [];
arrayVal[0] = this.bday;
arrayVal[1] = this.phys;
arrayVal[2] = this.fname;
arrayVal[3] = this.lname;
return arrayVal;
};
function DataObject(data, valueBuilder) {
if(data)
{
this.bday = data[0];
this.phys = data[1];
this.fname = data[2];
this.lname = data[3];
}
}
return (DataObject);
})
那部分工作正常。问题是,我还想添加 Angular 访问器方法,以允许我获取/设置性别等嵌套值。像这样:
get gender(){ return this.phys.gender; }
我不知道如何在我的工厂中使用该语法。允许我使用访问器方法的唯一方法是更改
function DataObject(data, valueBuilder) {}
return DataObject;
至
return { get gender(), set gender(val)};
这意味着我无法用数据实际实例化我的工厂。我确信一定有某种方法可以做到这一点。我错过了什么?
最佳答案
这是 Angular 中的 setter 和 getter 示例。在 setter 中,我附加了一些额外的字符串 Mr
,在 getter 中附加了一些附加字符串 :
var myApp = angular.module('myApp', []);
myApp.service('userService', [function () {
var first_name, last_name;
this.user = {
get name() {
return ':' + first_name;
},
set name(val) {
first_name = 'Mr ' + val;
}
};
return this.user;
}]);
myApp.controller('testCtrl', ['$scope', 'userService', function ($scope, userService) {
userService.name = 'Been';
$scope.test = userService;
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
<h2>Test Controller</h2>
<div class="wrapper" ng-controller="testCtrl">
My Name {{test.name}}
</div>
</div>
关于angularjs - 在 AngularJS Factory 中使用 Getter/Setter 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29150521/