angular 학습 노트 (1)
(1)factory를 통해 만들기
angular.module('myApp.services', [])
.factory('githubService', function() {
var serviceInstance = {};
//
return serviceInstance;
});
호출:
app.controller('ServiceController', ['$scope', '$timeout', 'githubService',
function($scope, $timeout, githubService) {
}]);
주의: 우리는 Angular 서비스가 주입에 의존하는 규범을 준수해야 한다. 사용자 정의 서비스는 내장된 Angular 서비스를 쓴 후에 사용자 정의 서비스 사이에는 선후 순서가 없다.
2.$watch 어플리케이션:
$scope.$watch ("변수 이름: username", function (newUsername) {
//newUsername: 새 변수 값
})
3.controller 컨트롤러
주의: 컨트롤러에서 DOM을 조작하는 행위를 하지 마세요. 이렇게 하면 컨트롤러를 오염시키고 잠재적인 위험을 남길 수 있습니다.
4.directive
기본적으로dom 구조의 수정은 모두 이 상태에서 실행된다
myapp.directive("recheck", ["validate", function(validate) {// validate ( api),
return {
require: "ngModel",
scope: false,
compile: function(tElem, attrs) {
return function(scope, ele, attrs, ctrs) {
ele.bind("blur", function() {
var output = scope.userpswagain == scope.userpsw;
scope.$apply(function() {
//ctrs.$setValidity("validneed", output);
scope.recheck = !output;
})
})
}
}
}
}]);
5.angular $http와 백엔드 php 데이터 상호작용
//.js
$http({
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
},
"method":"post",// get
"url": "",
"data": formdata
}).success(function(data, status, headers, config) {
console.log(data);
}).error(function(data, status, headers, config) {
console.log(data)
})
//.php
header("Content-type:text/html;charest=utf-8");
$params=file_get_contents("php://input","r");
echo $params;
jquery 처리 방식과 달리 php는angular가 전송한 값을 정상적으로 읽을 수 없습니다. file_get_contents("php://input","r"); 처리
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.