«angularjs» 태그된 질문

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

10
AngularJS 템플릿의 if else 문
AngularJS 템플릿에서 조건을 만들고 싶습니다. Youtube API에서 비디오 목록을 가져옵니다. 일부 비디오는 16 : 9 비율이고 일부는 4 : 3 비율입니다. 다음과 같은 조건을 만들고 싶습니다. if video.yt$aspectRatio equals widescreen then element's attr height="270px" else element's attr height="360px" 를 사용하여 동영상을 반복하고 있습니다 ng-repeat. 이 조건에 대해 어떻게해야할지 모릅니다. 범위에 …

15
검색 엔진은 AngularJS 애플리케이션을 어떻게 처리합니까?
검색 엔진 및 SEO와 관련된 AngularJS 응용 프로그램에는 두 가지 문제가 있습니다. 1) 맞춤 태그는 어떻게 되나요? 검색 엔진은 해당 태그 내의 전체 내용을 무시합니까? 즉 내가 가지고 있다고 가정 <custom> <h1>Hey, this title is important</h1> </custom> 것이 <h1>내부의 사용자 정의 태그를 임에도 불구하고 색인? 2) 색인 생성 {{}} 검색 …

9
AngularJS에서 ng-repeat로 키와 값을 반복하는 방법은 무엇입니까?
내 컨트롤러에는 다음과 같은 데이터가 있습니다. $scope.object = data 이제이 데이터는의 키와 값이 포함 된 사전입니다 json. object.name템플릿에서로 속성에 액세스 할 수 있습니다 . 키를 반복하고 테이블에 표시 할 수있는 방법이 있습니까? <tr><td> {{key}} </td> <td> data.key </td> 데이터는 이렇습니다 { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": …

29
AngularJS를 사용하여 확인란 값 목록에 어떻게 바인딩합니까?
몇 개의 확인란이 있습니다. <input type='checkbox' value="apple" checked> <input type='checkbox' value="orange"> <input type='checkbox' value="pear" checked> <input type='checkbox' value="naartjie"> 확인란이 변경 될 때마다 컨트롤러가 모든 확인 된 값의 목록을 유지하도록 컨트롤러의 목록에 바인딩하고 싶습니다 (예 :) ['apple', 'pear']. ng-model은 하나의 단일 확인란의 값을 컨트롤러의 변수에만 바인딩 할 수있는 것으로 보입니다. 네 …

27
AngularJS가 선택시 빈 옵션을 포함하는 이유는 무엇입니까?
나는 지난 몇 주 동안 AngularJS와 함께 일해 왔으며 실제로 나를 괴롭히는 것은 http://docs.angularjs.org/api/ng 의 사양에 정의 된 모든 순열이나 구성을 시도한 후에도 .directive : select , 여전히 select 요소의 첫 번째 자식으로 빈 옵션이 표시됩니다. 여기 옥이 있습니다 : select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); 여기 …
652 angularjs 


20
서비스 대 팩토리에 대한 혼란
알다시피, 공장 내부에서는 컨트롤러에 주입되는 물체를 반환합니다. 서비스 내부에서 나는 this아무것도 사용 하지 않고 객체를 사용 하고 있습니다. 나는 서비스가 항상 singleton 이라고 가정하고 모든 컨트롤러에 새로운 팩토리 객체 가 주입 된다고 가정했다 . 그러나 팩토리 객체도 싱글 톤입니까? 설명하는 예제 코드 : var factories = angular.module('app.factories', []); var app …
618 angularjs 

13
한 AngularJS 컨트롤러가 다른 AngularJS 컨트롤러를 호출 할 수 있습니까?
한 컨트롤러가 다른 컨트롤러를 사용할 수 있습니까? 예를 들면 다음과 같습니다. 이 HTML 문서는 단순히 MessageCtrl컨트롤러가 messageCtrl.js파일로 전달한 메시지를 인쇄 합니다. <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div> <!-- Angular Scripts --> <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> 컨트롤러 파일에는 …

7
$ http.get 요청에 데이터를 전달하는 AngularJS
http POST 요청을 수행하는 기능이 있습니다. 코드는 아래와 같습니다. 이것은 잘 작동합니다. $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); http GET에 대한 다른 기능이 있으며 해당 요청에 데이터를 보내려고합니다. 그러나 나는 그 옵션을 얻지 못했다. $http({ url: user.details_path, method: "GET", data: {user_id: user.id} }); 의 구문 …

27
AngularJS의 ng-options에서 value 속성을 어떻게 설정합니까?
여기에 나를 포함한 많은 사람들을 괴롭히는 것 같습니다. ng-optionsAngularJS 에서 지시문을 사용하여 <select>태그 의 옵션을 채울 때 옵션 값을 설정하는 방법을 알 수 없습니다. 이것에 대한 문서는 실제로 명확하지 않습니다. 적어도 저와 같은 단순한 것입니다. 옵션에 대한 텍스트를 다음과 같이 쉽게 설정할 수 있습니다. ng-options="select p.text for p in resultOptions" …


11
ng-class를 사용하여 여러 클래스 추가
여러 개의 ng-class를 추가하기 위해 여러 개의 표현식을 가질 수 있습니까? 예를 들어. <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> 그렇다면 누구든지 그렇게 할 수있는 모범을 보일 수 있습니다. .

23
AngularJS 실행 컨트롤러를 두 번 결합
AngularJS는 $watch이벤트 와 같은 모델 코드를 두 번, 때로는 모델 상태를 지속적으로 확인하는 등 두 번 실행합니다 . 그러나 내 코드 : function MyController($scope, User, local) { var $scope.User = local.get(); // Get locally save user data User.get({ id: $scope.User._id.$oid }, function(user) { $scope.User = new User(user); local.save($scope.User); }); //... …
532 angularjs 

6
링크 vs 컴파일 vs 컨트롤러
지시문을 만들 때 컴파일러, 링크 함수 또는 컨트롤러에 코드를 넣을 수 있습니다. 문서에서 그들은 다음과 같이 설명합니다. 컴파일 및 링크 함수는 각주기의 다른 단계에서 사용됩니다 컨트롤러는 지시문간에 공유됩니다 그러나 나를 위해 어떤 종류의 코드가 어디로 가야할지 명확하지 않습니다. 예 : 컴파일에서 함수를 만들어 링크의 범위에 연결하거나 컨트롤러의 범위에 기능 만 …

10
Polymer 요소와 AngularJS 지시문의 차이점은 무엇입니까?
Polymer Getting Started ( 폴리머 시작하기) 페이지에 폴리머의 예가 표시됩니다. <html> <head> <!-- 1. Shim missing platform features --> <script src="polymer-all/platform/platform.js"></script> <!-- 2. Load a component --> <link rel="import" href="x-foo.html"> </head> <body> <!-- 3. Declare the component by its tag. --> <x-foo></x-foo> </body> </html> 주목할 것은 and에 <x-foo></x-foo>의해 정의되는 것 …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.