«angularjs» 태그된 질문

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

10
ng-click으로 확인란을 클릭해도 모델이 업데이트되지 않습니다.
확인란을 클릭하고 ng-click 호출 : ng-click이 시작되기 전에 모델이 업데이트되지 않으므로 확인란 값이 UI에 잘못 표시됩니다. 이것은 AngularJS 1.0.7에서 작동하며 Angualar 1.2-RCx에서 깨진 것처럼 보입니다. <div ng-app="myApp" ng-controller="Ctrl"> <li ng-repeat="todo in todos"> <input type='checkbox' ng-click='onCompleteTodo(todo)' ng-model="todo.done"> {{todo.text}} </li> <hr> task: {{todoText}} <hr><h2>Wrong value</h2> done: {{doneAfterClick}} 및 컨트롤러 : angular.module('myApp', []) …

4
ng-init에서 여러 값 선언
그래서 이상한 해시를 만들지 않고도 단일 ng-init 내에서 여러 값을 선언 할 수 있는지 궁금합니다. 그러면 항상 구체적으로 액세스해야합니다. 그래서 기본적으로 <div ng-init="a = 1, b = 2">{{a}}</div> 그리고 나는 할 일을 피하고 싶다고 말하고 있습니다. <div ng-init="unecessary_bs = {a: 1, b: 2}">{{unecessary_bs.a}}</div> 그러나 합리적인 : <div ng-init="a = 1, …

8
Karma + AngularJS 테스트 내에서 모의 ​​JSON 파일로드
Karma + Jasmine을 사용하여 테스트로 설정된 AngularJS 앱이 있습니다. 큰 JSON 개체를 가져 와서 앱의 나머지 부분에서 더 많이 사용할 수있는 형식으로 변환하고 변환 된 개체를 반환하는 테스트하려는 함수가 있습니다. 그게 다야. 내 테스트를 위해 모의 JSON 콘텐츠 만있는 별도의 JSON 파일 (* .json)을 스크립트없이 갖고 싶습니다. 테스트를 위해 JSON …

17
클릭시 확인 대화 상자-AngularJS
ng-click사용자 지정 angularjs 지시문을 사용하여 확인 대화 상자를 설정하려고합니다 . app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; …

7
ng-include 노드를 템플릿으로 교체 하시겠습니까?
각도가 처음입니다. ng-include 노드를 포함 된 템플릿의 내용 으로 바꿀 수 있습니까? 예를 들면 다음과 같습니다. <div ng-app> <script type="text/ng-template" id="test.html"> <p>Test</p> </script> <div ng-include src="'test.html'"></div> </div> 생성 된 html은 다음과 같습니다. <div ng-app> <script type="text/ng-template" id="test.html"> <p>Test</p> </script> <div ng-include src="'test.html'"> <span class="ng-scope"> </span> <p>Test</p> <span class="ng-scope"> </span> </div> …
85 angularjs 

9
AngularJS : ng-include 내부에서 각도로드 스크립트를 만드는 방법은 무엇입니까?
안녕하세요 저는 각도로 웹 페이지를 만들고 있습니다. 문제는 이미 앵귤러없이 구축 된 무언가가 있고 그것들도 포함시켜야한다는 것입니다. 문제는 이것입니다. 내 main.html에 다음과 같은 것이 있습니다. <ngInclude src="partial.html"> </ngInclude> 그리고 내 partial.html은 다음과 같습니다. <h2> heading 1 <h2> <script type="text/javascript" src="static/js/partial.js"> </script> 그리고 내 partial.js는 angularjs와 관련이 없습니다. nginclude가 작동하고 html을 …
85 angularjs 

6
.js 파일에 상대적인 각도 지시문 templateUrl
저는 몇 가지 다른 위치에서 사용될 각도 지시문을 만들고 있습니다. 지시문이 사용 된 앱의 파일 구조를 항상 보장 할 수는 없지만 사용자가 동일한 폴더에 directive.js및 directive.html(실제 파일 이름이 아님) 를 넣도록 강제 할 수 있습니다 . 페이지가를 평가할 때는 자체에 상대적인 directive.js것으로 간주합니다 templateUrl. 을 파일에 templateUrl상대적으로 설정할 수 directive.js있습니까? …

6
npm start가 포트 8000에서 서버를 실행하는 방법
나는 최근에 앵귤러 애플리케이션 개발을 위해 github의 앵귤러 시드 폴더를 사용했습니다. 이전 angularjs 튜토리얼에서는 노드 서버를 실행하기위한 모든 구성이있는 angular-seed 폴더에 스크립트 폴더와 server.js 파일이있었습니다. 그렇다면 npm은 이제 노드 서버 실행을 어떻게 시작하고 해당 노드 서버의 모든 구성은 어디에 있습니까?

5
AngularJS : 팩토리 $ http.get JSON 파일
하드 코딩 된 JSON 파일 만 사용하여 로컬로 개발하려고합니다. 내 JSON 파일은 다음과 같습니다 (JSON 유효성 검사기에 넣을 때 유효 함). { "contentItem": [ { "contentID" : "1", "contentVideo" : "file.mov", "contentThumbnail" : "url.jpg", "contentRating" : "5", "contentTitle" : "Guitar Lessons", "username" : "Username", "realname" : "Real name", "contentTags" : …
84 json  http  angularjs  factory 

7
Angularjs 동적 ng- 패턴 유효성 검사
확인란이 거짓이면 ng-required 지시문을 사용하여 텍스트 입력에 대한 유효성 검사를 시행하는 양식이 있습니다. 확인란이 true이면 필드가 숨겨지고 ng-required가 false로 설정됩니다. 문제는 또한 ng-pattern 각도 지시문을 활용하여 입력에 지정된 유효성 검사를위한 정규식이 있다는 것입니다. 내가 겪고있는 문제는 사용자가 잘못된 전화 번호를 입력하고 해당 입력을 비활성화하는 확인란을 선택하면 (결과적으로 추가 유효성 검사가 …

3
AngularJS + JQuery : angularjs에서 동적 콘텐츠를 작동시키는 방법
jQuery와 AngularJS를 모두 사용하는 Ajax 앱에서 작업 중입니다. jQuery의 html함수를 사용하여 div의 콘텐츠 (AngularJS 바인딩 포함)를 업데이트 할 때 AngularJS 바인딩이 작동하지 않습니다. 다음은 내가하려는 코드입니다. $(document).ready(function() { $("#refreshButton").click(function() { $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>") }); }); </style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid { border: 1px solid red; } <script …
84 jquery  angularjs 

1
angular.js에서 HTML5 pushstate 사용
Angularjs에서 사용하는 # 탐색 대신 html5의 pushstate를 구현하려고합니다. 나는 대답을 위해 구글 검색을 시도했고 아직 운이없는 각도 IRC 채팅방을 시도했습니다. 이것은 내 controllers.js: function PhoneListCtrl($scope, $http) { $http.get('phones/phones.json').success(function(data) { $scope.phones = data; }); } function PhoneDetailCtrl($scope, $routeParams) { $scope.phoneId = $routeParams.phoneId; } function greetCntr($scope, $window) { $scope.greet = function() { …

5
Angular $ q 약속이 해결되었는지 확인하는 방법
나는 일반적으로 then()약속을 사용할 때 호출 및 체인 동작과 함께 연속 코드를 첨부한다는 것을 이해합니다 . 그러나 $timeout()원래 promise가 아직 완료되지 않은 경우에만 UI 작업을 수행 할 수 있도록 promise 래핑 된 비동기 호출을 시작한 다음 3 초를 별도로 시작하고 싶습니다. (저는 연결이 느린 경우, 3G의 모바일 장치 등에서 만 …
84 angularjs  promise  q 

7
카르마 단위 테스트 중 이미지에 대한 404 경고를 수정하는 방법
grunt / karma / phantomjs / jasmine을 사용하여 내 지시문 (angularjs) 중 하나를 단위 테스트하고 있습니다. 내 테스트가 잘 실행됩니다. describe('bar foo', function () { beforeEach(inject(function ($rootScope, $compile) { elm = angular.element('<img bar-foo src="img1.png"/>'); scope = $rootScope.$new(); $compile(elm)(); scope.$digest(); })); .... }); 하지만 나는이 404를 얻습니다 WARN [web-server]: 404: /img1.png …

2
Angular JS 필터가 같지 않음
아주 기본적인 질문처럼 보이지만 올바른 구문을 얻을 수 없습니다 .. <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li> 내가 원하는 것은 id가 -1이 아닌 모든 질문을 보여주는 것입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까. 감사!

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