«angularjs» 태그된 질문

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

5
Angular 지시어 확장
타사 지시문 (특히 Angular UI Bootstrap )을 약간 수정하고 싶습니다 . pane지시문 의 범위에 추가하고 싶습니다 . angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return { require: '^tabs', restrict: 'EA', transclude: true, …
4
ng-repeat를 사용하여 함수에서 반환 한 항목을 반복하는 방법은 무엇입니까?
반복적으로 div를 만들고 싶습니다. 항목은 함수에서 반환하는 개체입니다. 그러나 다음 코드는 오류를보고합니다. 10 $ digest () 반복에 도달했습니다. 중단! jsfiddle은 여기에 있습니다 : http://jsfiddle.net/BraveOstrich/awnqm/ <body ng-app> <div ng-repeat="entity in getEntities()"> Hello {{entity.id}}! </div> </body>
114 angularjs 
4
AngularJS-컨트롤러에서 날짜 변환
누구 든지이 1387843200000형식의 날짜를 24/12/2013 컨트롤러 내부 에서 변환하는 방법을 제안 해 주 시겠습니까? 참고로 내 날짜는 이런 식으로 저장되며 input type="date"필드 를 사용하여 양식을 편집하는 바인딩 이 전혀 채워지지 않을 때. 여기 #Plunker 데모. 편집 Ctrl app.controller("EditCtrl", [ "$scope", "$filter", "db" function ($scope, $filter, db){ // this gets me …
5
AngularJS에서 부모 범위 변수 업데이트
두 개의 컨트롤러가 있으며 하나는 다른 컨트롤러에 포함되어 있습니다. 이제 자식 범위가 부모 범위에서 속성을 상속한다는 것을 알고 있지만 부모 범위 변수를 업데이트하는 방법이 있습니까? 지금까지 분명한 해결책을 찾지 못했습니다. 내 상황에서는 양식 내에 달력 컨트롤러가 있습니다. 양식이 제출 될 때 시작 및 종료 날짜를 갖도록 상위 범위 (양식)에서 시작 …
4
ng-repeat의 사용자 정의 정렬 기능
사용자가 선택한 옵션에 따라 특정 숫자를 표시하는 타일 세트가 있습니다. 이제 표시된 숫자로 정렬을 구현하고 싶습니다. 아래 코드는 어떻게 구현했는지 보여줍니다 (부모 카드 범위에서 값을 가져 오거나 설정하여). 이제 orderBy 함수가 문자열을 사용하기 때문에 curOptionValue라는 카드 범위에 변수를 설정하고이를 기준으로 정렬하려고했지만 작동하지 않는 것 같습니다. 그래서 질문은 사용자 정의 정렬 …
7
AngularJS 지시문 제한 A 대 E
저는 소규모 팀에서 일하고 있으며 AngularJS로 구축하고 몇 가지 기본 표준 및 모범 사례를 유지하려고 노력하고 있습니다. 특히 Angular가 상대적으로 새롭다는 점을 감안할 때. 제 질문은 지침에 관한 것입니다. 더 정확하게는 restrict옵션입니다. 우리 중 일부는 사용하는 restrict: 'E'데 따라서 <my-directive></my-directive>html로에서. 다른 사람들은 html을 사용 restrict: 'A'하고 <div my-directive></div>있습니다. 그런 다음 …
8
AngularJs에서 ng-repeat로 (키, 값)을 필터링하는 방법은 무엇입니까?
나는 다음과 같은 것을 시도하고 있습니다. <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJs 부분 : function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } 하지만 왠지 모든 항목을 보여주고 있습니다. (키, 값)을 어떻게 필터링 할 …
6
각도 방식으로 요소 초점 설정
각도로 포커스 요소를 설정하는 방법에 대한 예제를 찾은 후 대부분이 변수를 사용하여 관찰 한 다음 포커스를 설정하고, 대부분은 포커스를 설정하려는 각 필드에 대해 하나의 다른 변수를 사용하는 것을 확인했습니다. 필드가 많은 양식에서 다양한 변수를 의미합니다. jquery 방식을 염두에두고 각도 방식으로하고 싶었으므로 요소의 ID를 사용하여 모든 기능에 초점을 맞춘 솔루션을 만들었으므로 …
8
angular.js에서 JSONP $ http.jsonp () 응답 구문 분석
$http.jsonp()함수에 래핑 된 json을 성공적으로 반환하는 angular의 요청을 사용 하고 있습니다. var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback"; $http.jsonp(url). success(function(data, status, headers, config) { //what do I do here? }). error(function(data, status, headers, config) { $scope.error = true; }); 반환 된 함수 래핑 JSON에 액세스 / 파싱하는 방법은 무엇입니까?
6
AngularJS에서 Promise와 함께 success / error / finally / catch 사용
내가 사용하고 $httpAngularJS와에, 나는 반환 약속을 사용하는 방법과 핸들 오류를 모르겠어요. 이 코드가 있습니다. $http .get(url) .success(function(data) { // Handle data }) .error(function(data, status) { // Handle HTTP error }) .finally(function() { // Execute logic independent of success/error }) .catch(function(error) { // Catch and handle exceptions from success/error/finally functions }); …
6
Angular JS에서 CSS 스타일 속성을 동적으로 적용
이것은 간단한 문제이지만 해결책을 찾을 수없는 것 같습니다. 다음 마크 업이 있습니다. <div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div> 범위에 바인딩 할 배경색이 필요하므로 이것을 시도했습니다. <div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div> 작동하지 않아서 몇 가지 조사를 수행 한 결과를 찾았 ng-style지만 작동하지 않았기 때문에 동적 부분을 …
17
AngularJS의 개체 배열에서 ID로 특정 개체 가져 오기
AngularJS 웹 사이트에서 액세스하고 싶은 일부 데이터가 포함 된 JSON 파일이 있습니다. 이제 내가 원하는 것은 배열에서 하나의 객체 만 가져 오는 것입니다. 예를 들어 ID가 1 인 항목을 좋아합니다. 데이터는 다음과 같습니다. { "results": [ { "id": 1, "name": "Test" }, { "id": 2, "name": "Beispiel" }, { "id": …
23
지시문을 사용하여 AngularJS 브라우저 자동 채우기 해결 방법
AngularJS에서 양식을 제출하고 브라우저 암호 기억 기능을 사용할 때, 후속 로그인 시도에서 브라우저가 사용자 이름과 암호로 로그인 양식을 채우도록하면 $scope모델이 자동 채우기를 기반으로 변경되지 않습니다. 내가 찾은 유일한 더러운 해킹은 다음 지시문을 사용하는 것입니다. app.directive("xsInputSync", ["$timeout" , function($timeout) { return { restrict : "A", require: "?ngModel", link : function(scope, element, …
18
Angular ng-repeat는 3 개 또는 4 개의 열마다 부트 스트랩 행을 추가합니다.
3 열마다 부트 스트랩 행 클래스를 주입하는 올바른 패턴을 찾고 있습니다. cols에는 고정 높이가 없기 때문에 필요합니다 (고정하고 싶지 않습니다). 그래서 내 디자인이 깨집니다! 내 코드는 다음과 같습니다. <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> 그러나 각 행에 하나의 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.