«angularjs» 태그된 질문

오픈 소스 JavaScript 프레임 워크 인 AngularJS (1.x)에 대한 질문에 사용하십시오. Angular 2 이상 버전에는이 태그를 사용하지 마십시오. 대신 [angular] 태그를 사용하십시오.

3
ng-app 지시문의 배치 (html vs body)
최근에 angular로 빌드 된 webapp의 코드를 검토 한 결과 태그 ng-app="myModule"에 지시문 이있는 것으로 작성되었습니다 <body>. 앵귤러를 배울 때 <html>, 앵귤러 문서가 여기 , 여기 , 그리고 그들의 튜토리얼 에서 권장하는대로 태그에서 사용되는 것을 본 적이 있습니다 . 나는이 내 자신에 조금 탐구 및 SO 질문, 특히 발견했습니다 이것 과 …
103 angularjs 
2
AngularJS : 자동으로 모델 변화 감지
모델의 값이 변경 될 때마다 자동으로 일부 코드를 실행 (예 : 서버에 데이터 저장)하는 것과 같은 작업을하고 싶다고 가정 해 보겠습니다. ng-change모델을 변경할 수있는 각 컨트롤에 대해 이와 같은 것을 설정하여이를 수행하는 유일한 방법 입니까? 즉, 뷰를 사용하면 명시 적으로 아무것도 연결하지 않고도 모델이 변경되면 상황이 올바르게 변경됩니다. 서버에 저장하는 …
7
Angularjs는 모범 사례 축소
나는 http://www.alexrothenberg.com/2013/02/11/the-magic-behind-angularjs-dependency-injection.html을 읽고 있는데 자바 스크립트를 축소하면 angularjs 종속성 주입에 문제가 있음이 밝혀졌습니다. 대신에 궁금하다 var MyController = function($scope, $http) { $http.get('https://api.github.com/repos/angular/angular.js/commits') .then(function(response) { $scope.commits = response.data }) } 당신은 사용해야합니다 var MyController = ['$scope', '$http', function($scope, $http) { $http.get('https://api.github.com/repos/angular/angular.js/commits') .then(function(response) { $scope.commits = response.data }) }] 대체로 두 번째 …
2
ngModel 포맷터 및 파서
같은 질문을 다른 형태로 게시했지만 아무도 대답하지 않았습니다. 포매터와 파서가 각도 js에서 수행하는 작업에 대한 명확한 그림을 얻지 못했습니다. 정의에 따르면 Formatters와 Parser는 모두 나와 비슷합니다. 이 angularjs를 처음 접했기 때문에 내가 틀렸을 수도 있습니다. 포맷터 정의 모델 값이 변경 될 때마다 파이프 라인으로 실행할 함수 배열입니다. 차례로 각 함수가 …
7
단일 페이지 앱에서 AngularJS를 사용하는 여러 컨트롤러
단일 페이지 응용 프로그램에 여러 컨트롤러를 사용하는 방법을 알고 싶습니다. 나는 그것을 알아 내려고 노력했고 나와 매우 유사한 질문을 찾았지만 단일 페이지 앱에 여러 컨트롤러를 사용하지 않는 특정 문제를 해결하는 수많은 답변이 있습니다. 한 페이지에 여러 컨트롤러를 사용하는 것이 현명하지 않기 때문입니까? 아니면 가능하지 않습니까? 이미 메인 페이지에서 작동하는 멋진 …
14
UI-Router를 사용하여 페이지 제목 설정
기본 제공 라우팅 대신 ui-router를 사용하도록 AngularJS 기반 앱을 마이그레이션하고 있습니다. 아래와 같이 구성했습니다. .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/home'); $stateProvider .state('home', { url: '/home', templateUrl : 'views/home.html', data : { pageTitle: 'Home' } }) .state('about', { url: '/about', templateUrl : 'views/about.html', data : { pageTitle: 'About' } }) }); pageTitle 변수를 …
4
AngularJS : 공장이란?
저는 많은 작업을 해왔고 Angular.js전반적으로 흥미롭고 강력한 프레임 워크라고 생각합니다. 서비스 대 공장 대 공급자 대 가치에 대해 많은 논의가 있었음을 알고 있지만 여전히 a Factory가 무엇인지 꽤 혼란 스럽습니다 . Factory는 다른 StackOverflow 토론에서 다음과 같이 정의되었습니다. 공장 구문 : module.factory( 'factoryName', function );결과 : factoryName을 주입 가능한 인수로 …
3
ngRepeat '추적 기준'표현식 이해
angularjs에서 ng-repeat 표현에 의한 트랙 이 어떻게 작동하는지 이해하는 데 어려움이 있습니다. 문서는 매우 부족합니다. http://docs.angularjs.org/api/ng/directive/ngRepeat 데이터 바인딩 및 기타 관련 측면 에서이 두 코드 스 니펫의 차이점을 설명 할 수 있습니까 ? 와: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names track by $index"> <input …
6
CORS : 자격 증명 모드는 '포함'입니다.
네, 당신이 무슨 생각을하는지 알고 있습니다. 또 다른 CORS 질문이지만 이번에는 난처합니다. 따라서 시작하려면 실제 오류 메시지 : XMLHttpRequest는 http : //localhost/Foo.API/token을 로드 할 수 없습니다 . 요청의 자격 증명 모드가 'include'인 경우 응답의 'Access-Control-Allow-Origin'헤더 값은 와일드 카드 '*'가 아니어야합니다 . 따라서 원본 ' http : // localhost : 5000 …
5
AngularJS : 모델 요소가 모델 배열에서 연결될 때 ng-repeat 목록이 업데이트되지 않습니다.
두 개의 컨트롤러가 있으며 app.factory 함수로 데이터를 공유합니다. 첫 번째 컨트롤러는 링크를 클릭 할 때 모델 배열 (pluginsDisplayed)에 위젯을 추가합니다. 위젯이 배열로 푸시되고이 변경 사항이 뷰에 반영됩니다 (배열 내용을 표시하기 위해 ng-repeat 사용). <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> 위젯은 k2plugin, remove 및 resize라는 세 가지 지시문을 …
2
ng-repeat 내에서 ng-click에 숨겨진 div 표시
의료 절차의 json 파일을 필터링하는 Angular.js 앱에서 작업 중입니다. ng-click을 사용하여 같은 페이지에서 절차의 이름을 클릭하면 각 절차의 세부 정보를 표시하고 싶습니다. 이것은 .procedure-details div를 display : none으로 설정하여 지금까지 가지고있는 것입니다. <ul class="procedures"> <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp"> <h4><a href="#" ng-click="?">{{procedure.definition}}</a></h4> <div class="procedure-details"> <p>Number of patient …
6
AngularJS : 단일 페이지 애플리케이션에서 인증을 사용하는 기본 예제
저는 AngularJS를 처음 접 했고 그들의 튜토리얼을 살펴보고 그것에 대한 느낌을 받았습니다. 각 REST엔드 포인트를 인증해야하는 프로젝트에 대한 백엔드가 준비 되어 있습니다. 내가하고 싶은 일 a.) 내 프로젝트를위한 단일 페이지를 갖고 싶습니다 http://myproject.com. b.) 사용자가 브라우저에서 URL을 클릭하면 사용자가 로그인했는지 여부에 따라 동일한 URL 아래에 홈 페이지 /보기 또는 로그인 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.