반응형

angularJS 37

Access-Control-Allow-Origin 및 Angular.js $http

Access-Control-Allow-Origin 및 Angular.js $http 웹 앱을 만들 때 CORS 문제가 생기면 커피를 만들기 시작합니다.한동안 일을 망친 후에야 겨우 작동시킬 수 있었지만 이번에는 그렇지 않아서 도움이 필요해요. 클라이언트측 코드는 다음과 같습니다. $http({method: 'GET', url: 'http://localhost:3000/api/symbol/junk', headers:{ 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, X-Requested-W..

programing 2023.04.03

ASP.NET MVC 검증 폼(Angular 포함)JS

ASP.NET MVC 검증 폼(Angular 포함)JS MVC 4와 Angular JS(+ twitter 부트스트랩)의 프로젝트에서 일하고 있습니다.저는 MVC 프로젝트 'jQuery'에서 주로 사용합니다.검증", "Data Annotations" 및 "Razor"입니다.그런 다음 web.config에서 다음 키를 활성화하여 클라이언트의 모델 속성을 확인합니다. 예를 들어 모델에 다음과 같은 기능이 있는 경우: [Required] [Display(Name = "Your name")] public string Name { get; set; } 이 Cshtml의 경우: @Html.LabelFor(model => model.Name) @Html.TextBoxFor(model => model.Name) @Htm..

programing 2023.04.03

지시 정의 객체의 "요구"는 무엇을 취합니까?

지시 정의 객체의 "요구"는 무엇을 취합니까? require - 다른 컨트롤러를 현재의 다이렉트링크 기능에 전달해야 합니다.require에는 전달되는 디렉티브컨트롤러의 이름이 들어갑니다이러한 컨트롤러를 찾을 수 없는 경우 오류가 발생합니다.이름 앞에 다음 문자를 붙일 수 있습니다. ? - 오류 발생 안 함이것에 의해, 요건의 의존성이 옵션입니다. ^ - 부모 요소에서도 컨트롤러를 찾습니다. 위는 공식 문서의 정의입니다.여기서 애매한 점은 정확히 '지향적 컨트롤러'입니다. 예를 들어 angularjs-ui 부트스트랩프로젝트의 탭 디렉티브를 사용합니다. angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$elem..

programing 2023.04.03

$httpBackend 조롱 - "예기치 않은 요청, 더 이상 예상되지 않은 요청" 처리 방법

$httpBackend 조롱 - "예기치 않은 요청, 더 이상 예상되지 않은 요청" 처리 방법 재스민 테스트는 다음과 같이 코드화되어 있습니다. it ("should send correct message to server to get data, and correctly set up scope when receiving it", function(){ $httpBackend.when('GET', 'https://localhost:44300/api/projectconfiguration/12').respond(fakedDtoBase); $routeParams.projectId=fakeId; // user asks for editing project scope.$apply(function(){ var contro..

programing 2023.04.03

각도 필터는 작동하지만 "10$digest 반복 도달"의 원인이 됩니다.

각도 필터는 작동하지만 "10$digest 반복 도달"의 원인이 됩니다. 다음과 같이 구성된 백엔드 서버에서 데이터를 수신합니다. { name : "Mc Feast", owner : "Mc Donalds" }, { name : "Royale with cheese", owner : "Mc Donalds" }, { name : "Whopper", owner : "Burger King" } 제 견해로는 목록을 "반전"하고 싶습니다.즉, 각 주인을 나열하고 해당 주인을 위해 모든 햄버거를 나열해야 합니다.할 수 .groupBy에 넣어 ★★★★★★★★★★★★★와 함께 사용합니다.ng-repeat★★★★ JS: app.filter("ownerGrouping", function() { return function(c..

programing 2023.04.03

.env 파일 변수를 웹 팩 구성에 전달하려면 어떻게 해야 합니까?

.env 파일 변수를 웹 팩 구성에 전달하려면 어떻게 해야 합니까? 저는 웹 팩을 처음 접하고 거의 모든 빌드 섹션을 해결했습니다만, 이제 문제는 환경 변수를 .env 파일에서 웹 팩 구성으로 전달하고 싶기 때문에 이 변수를 빌드 파일로 전달해야 한다는 것입니다.webpack.DefinePlugin플러그 인. 현재 웹 팩에서 빌드로 환경 변수를 직접 전달할 수 있습니다.아래 웹팩에서 사용한 코드를 봐주세요. new webpack.DefinePlugin({ "API_URL": JSON.stringify("http://my-api.com"), "FRONT_END_API_KEY" : "MYFRONTENDKEYGOESHERE" }), 나의package.json빌드 스크립트는 "scripts": { "start"..

programing 2023.03.29

브라우저 콘솔에서 앵귤러 함수를 호출하다

브라우저 콘솔에서 앵귤러 함수를 호출하다 Angular에게 전화할 수 있나요?콘솔의 JS 컨트롤러 기능(Chrome Developer Tools 콘솔) 예. app.controller('AddCtrl', ['$scope', function ($scope) { $scope.save = function(){ // do stuff here - call it from console }; }]); 네, 그냥 사용하시면 됩니다.angular.element컨트롤러 범위 내의 요소를 가져오려면 다음 절차를 따릅니다. angular.element("yourElement").scope().save(); 브라우저 개발자 콘솔을 엽니다.컨트롤러가 주입되는 요소를 검사합니다.다음을 수행합니다. angular.element($0..

programing 2023.03.19

ng-click 부모부터 자녀까지 클릭

ng-click 부모부터 자녀까지 클릭 나는 가지고 있다다른 것을 가진 원소그 자식으로서의 요소. 추가했습니다.ng-click부모에게 지시하며, 자식 클릭 시 실행되지 않을 것으로 예상합니다.하지만, 그렇다. You can click through me 왜 이렇게 되는 거죠?어떻게 하면 피할 수 있을까요? 이 문제를 설명하는 JSFiddle은 다음과 같습니다.이벤트 전파를 취소해야 부모 요소의 클릭 이벤트가 호출되지 않습니다.시험: You can click through me 하위 요소를 클릭하면 해당 이벤트가 트리거됩니다.하지만 여기서 그치지 않습니다.먼저 하위 요소의 클릭 이벤트가 트리거되고 다음으로 상위 요소의 클릭 이벤트가 트리거되는 등 계속됩니다.이를 이벤트 전파라고 합니다. 이벤트 전파(부모 ..

programing 2023.03.19

테이블 내의 행에서 ng-repeat 및 ng-class 사용

테이블 내의 행에서 ng-repeat 및 ng-class 사용 Angular를 사용하고 있습니다.JS와 내가 얻고 싶은 효과는 이것이 만들어 낼 수 있는 것과 비슷할 것이다. 만약 그것이 작동한다고 가정한다면(그렇지 않다). 보다 .....info about person... .....info about person... .....info about person... 컨트롤러 $scope.rowClass = function(person){ ...return some value based upon some property of person... } 이 코드가 작동하지 않는 것은 알고 있습니다.person는 사용할 수 없습니다.ng-class각 행 내의 객체에서만 사용할 수 있습니다.암호는 내가 무엇을 하고..

programing 2023.03.19
반응형