각도 사용법.각 컨트롤러 또는 스코프에서 Json에게

각도 사용법.각 컨트롤러 또는 스코프에서 Json에게

Angular.js 객체를 angular를 사용하여 Json 표현으로 밀어 넣으려는 다음 jsFiddle 예를 참조하십시오.Json에게.결과적으로 "$SCOPE"를 얻을 수 있습니다.

http://jsfiddle.net/K2GsS/12/

제가 하고 싶은 일은 현재의 속성과 값을 구하는 것입니다.이 예에서 제가 보고 싶은 것은

{ firstName: 'Frank', lastName: 'Williams' }

Json 형태(범위를 사용하지 않는 것)로 해당 데이터를 얻을 수 있는 더 나은 방법이 있습니까?분명히 나는 값을 가져다가 Json 표현을 밀어내는 방법을 손으로 굴릴 수 있지만 컨트롤러가 바뀌면 그것도 기능하기 때문에 차라리 toJson 타입 방법을 부르고 싶습니다.이것을 하는 적절한 방법을 아는 사람?미리 감사드립니다.

당신이 jQuery 세계에서 온다는 것을 알 수 있지만 angular.js로 일이 훨씬 간단해지고 있습니다. 이 jsFiddle: http://jsfiddle.net/pkozlowski_opensource/ASspB/1/ 을 확인해 주세요.

angular.js를 사용하면 이벤트를 훨씬 더 간단하게 첨부할 수 있습니다.

 <input type="button" ng-click="showJson()" value="Object To JSON" />

컨트롤러에 저장할 수 있습니다.

 $scope.showJson = function() {
    $scope.json = angular.toJson($scope.user);
}

실제로 angular.js 필터를 사용하면 이 작업을 더욱 쉽게 수행할 수 있습니다. jsFiddle: http://jsfiddle.net/pkozlowski_opensource/ASspB/2/ 에서 확인할 수 있습니다.

{{user | json}}

angular.js를 사용하면 jQuery 습관 중 일부를 "학습하지" 않으면 되지만, 대부분의 경우 훨씬, 훨씬 쉬워지기 때문에 좋습니다.

json 필터에 내장된 각도를 다음과 같이 사용할 수 있습니다.

{{ user | json }}

여기서 user는 문자열화하거나 angular를 사용할 Json 개체입니다.Json으로 변환하여 JSON 형식의 문자열로 변환합니다.제 fiddle https://jsfiddle.net/deeps_the_coder/vtz6ej8f/2/ 을 참고해주세요.

네가 이걸 어떻게 얻을 수 있냐고 물었으니깐$scope, 여기에angular 1.5.9구성요소 예제(각도 1.5.8에 도입됨).

이렇게 하면 각도 2로 쉽게 마이그레이션할 수 있습니다.물론 이 모든 소스를 별도의 파일로 분리할 수도 있습니다.

한 번 해보세요.이렇게 하면 당신은Type Safety설탕 구문이 많고 프로그래밍을 더 쉽게 할 수 있습니다.또한 메소드가 정의된 위치와 메소드가 어떤 메소드와 속성을 갖는지도 확인할 수 있었습니다.

var module = angular.module("settingsApp", []);

module.service("userSettingsService", UserSettingsService);

module.component("userDetails", {
        template: `
        	<input ng-model="$ctrl.userDetail.firstName" />
            <input ng-model="$ctrl.userDetail.lastName" />
            <input type="button" ng-click="$ctrl.showJson()" value="to JSON" />
            <hr/>  
            {{$ctrl.json}}`,
      	controller: UserDetailsController
    });

UserSettingsService.$inject = ["$q"];
function UserSettingsService($q) {
	var _this = this;
	this.$q = $q;
	this.userDetails = [{
        firstName: "Frank",
        lastName: "Williams"
    }];
	this.getSettings = function (id) {
    	return _this.$q.resolve(this.userDetails[id]);
    }
}

UserDetailsController.$inject = ["userSettingsService"];
function UserDetailsController(userSettingsService) {
	var _this = this;
	var userId = 0;
	
    this.userSettingsService = userSettingsService;
    userSettingsService.getSettings(userId).then(function (data) {
    	_this.userDetail = data;
    });
}

UserDetailsController.prototype.showJson = function() {
    this.json = angular.toJson(this.userDetail);
}


angular.bootstrap(document, ['settingsApp']);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.9/angular.min.js"></script>

<user-details></user-details>

언급URL : https://stackoverflow.com/questions/11819301/how-to-use-angular-tojson-on-a-angular-controller-or-scope