คำถามติดแท็ก angularjs

ใช้สำหรับคำถามเกี่ยวกับ AngularJS (1.x), เฟรมเวิร์ก JavaScript แบบโอเพ่นซอร์ส อย่าใช้แท็กนี้สำหรับ Angular 2 หรือใหม่กว่า; ใช้แท็ก [angular] แทน

6
เปิดใหม่และเพิ่มการอ้างอิงให้กับแอปพลิเคชันที่บูตแล้ว
มีวิธีฉีดการพึ่งพาในช่วงปลายให้กับโมดูลเชิงมุมที่บูตแล้วหรือไม่? นี่คือสิ่งที่ฉันหมายถึง: สมมติว่าฉันมีแอปเชิงมุมทั่วทั้งไซต์ซึ่งกำหนดเป็น: // in app.js var App = angular.module("App", []); และในทุกหน้า: <html ng-app="App"> ต่อมาฉันกำลังเปิดแอปอีกครั้งเพื่อเพิ่มตรรกะตามความต้องการของหน้าปัจจุบัน: // in reports.js var App = angular.module("App") App.controller("ReportsController", ['$scope', function($scope) { // .. reports controller code }]) ตอนนี้พูดได้ว่าหนึ่งในบรรดาบิตตามความต้องการของตรรกะยังต้องพึ่งพาตัวเอง (เช่นngTouch, ngAnimate, ngResourceฯลฯ ) ฉันจะแนบเข้ากับแอพพื้นฐานได้อย่างไร ดูเหมือนจะไม่ได้ผล: // in reports.js var App = angular.module("App", ['ui.event', 'ngResource']); // <-- …

9
การเพิ่มส่วนหัวที่กำหนดเองในคำขอ HTTP โดยใช้ angular.js
ฉันเป็นมือใหม่ในการใช้ angular.js และฉันกำลังพยายามเพิ่มส่วนหัวในคำขอ: var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); ฉันได้ดูเอกสารทั้งหมดแล้วและดูเหมือนว่าฉันควรจะถูกต้อง เมื่อฉันใช้ไฟล์ในเครื่องสำหรับ URL ใน$http.getฉันจะเห็นคำขอ HTTP ต่อไปนี้บนแท็บเครือข่ายใน Chrome: GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: …

5
มี IDE ที่รองรับ AngularJS อย่างชัดเจนหรือไม่ [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ลองใช้ WebStorm แล้ว แต่ดูเหมือนจะมีเพียงการสนับสนุน JavaScript พื้นฐานที่นั่นเช่นเดียวกับในเว็บ IDE อื่น ๆ ที่ฉันได้ลอง ฉันกำลังมองหาสิ่งที่จะช่วยให้ฉันคลิกผ่านจากหน้า HTML ไปยัง Controllers เป็นต้น หากคำตอบคือ "ไม่" สำหรับคำถามนี้มีเฟรมเวิร์ก JavaScript อื่นที่คล้ายกับ Angular ที่จะมีบางอย่างเช่นปลั๊กอิน Eclipse หรือการสนับสนุนอย่างชัดเจนในบาง IDE หรือไม่

4
การใช้ ng-src กับ src
บทช่วยสอนนี้แสดงให้เห็นถึงการใช้คำสั่งngSrcแทนsrc: <ul class="phones"> <li ng-repeat="phone in phones" class="thumbnail"> <img ng-src="{{phone.imageUrl}}"> </li> </ul> พวกเขาขอให้: แทนที่คำสั่ง ng-src ด้วยแอตทริบิวต์ src เก่าธรรมดา การใช้เครื่องมือเช่น Firebug หรือ Web Inspector ของ Chrome หรือการตรวจสอบบันทึกการเข้าถึงเว็บเซิร์ฟเวอร์ยืนยันว่าแอปส่งคำขอโดยไม่เกี่ยวข้องไปยัง/app/%7B%7Bphone.imageUrl%7D%7D (หรือ / app / {{phone) .imageUrl}} ) ฉันทำเช่นนั้นและให้ผลลัพธ์ที่ถูกต้อง: <li class="thumbnail ng-scope" ng-repeat="phone in phones"> <img src="img/phones/motorola-xoom.0.jpg"> </li> มีเหตุผลว่าทำไม?
89 angularjs 

9
วิธีอัพโหลดไฟล์ในการทดสอบไม้โปรแทรกเตอร์ angularjs e2e
ฉันต้องการทดสอบการอัปโหลดไฟล์โดยใช้การทดสอบ angularjs e2e คุณทำสิ่งนี้ในการทดสอบ e2e ได้อย่างไร? ฉันเรียกใช้สคริปต์การทดสอบของฉันผ่านกรรมฮึดฮัด

9
AngularJs - ยกเลิกเหตุการณ์การเปลี่ยนเส้นทาง
ฉันจะยกเลิกเหตุการณ์การเปลี่ยนเส้นทางใน AngularJs ได้อย่างไร? รหัสปัจจุบันของฉันคือ $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); ด้วยสิ่งนี้แม้ว่าการตรวจสอบจะล้มเหลว Angular จะดึงเทมเพลตถัดไปและข้อมูลที่เกี่ยวข้องจากนั้นเปลี่ยนกลับไปที่มุมมอง / เส้นทางก่อนหน้าทันที ฉันไม่ต้องการให้เชิงมุมดึงเทมเพลตและข้อมูลถัดไปหากการตรวจสอบล้มเหลวโดยหลักการแล้วไม่ควรมี window.history.back () ฉันเคยลอง event.preventDefault () แต่ไม่มีประโยชน์

4
ส่งผ่านพารามิเตอร์ภายใน $ location.path ใน Angular
ฉันแค่พยายามใช้$location.path()ในคอนโทรลเลอร์ แต่ยังส่งตัวแปรที่กำหนดเองเป็นพารามิเตอร์ด้วย มันจะเป็นแบบนี้ฉันเดาว่า: $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); แต่นั่นไม่ได้ผล ใครรู้ว่าควรทำอย่างไรใน Angular?

7
การกำหนดเส้นทางแบบไดนามิก AngularJS
ขณะนี้ฉันมีแอปพลิเคชัน AngularJS ที่มีการกำหนดเส้นทางในตัวมันใช้งานได้และทุกอย่างก็โอเค ไฟล์ app.js ของฉันมีลักษณะดังนี้: angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController }); $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); $routeProvider.otherwise({ redirectTo: '/' }); }]); แอปของฉันมี CMS ในตัวซึ่งคุณสามารถคัดลอกและเพิ่มไฟล์ …

5
จะเข้าถึงบริการจาก RESTful API ในหน้า angularjs ของฉันได้อย่างไร
ฉันยังใหม่กับ angularJS มาก ฉันกำลังค้นหาการเข้าถึงบริการจาก RESTful API แต่ฉันไม่ได้รับความคิดใด ๆ ฉันจะทำเช่นนั้นได้อย่างไร?

4
คุณสามารถแทนที่เทมเพลตเฉพาะใน AngularUI Bootstrap ได้หรือไม่?
ฉันอยากรู้ว่ามีวิธีลบล้างเทมเพลตเฉพาะจากไฟล์ ui-bootstrap-tpls หรือไม่ เทมเพลตเริ่มต้นส่วนใหญ่เหมาะกับความต้องการของฉัน แต่มีเทมเพลตที่เฉพาะเจาะจงสองสามรายการที่ฉันต้องการแทนที่โดยไม่ต้องผ่านขั้นตอนทั้งหมดในการคว้าเทมเพลตเริ่มต้นทั้งหมดและเชื่อมต่อกับเวอร์ชันที่ไม่ใช่ tpls

4
ไม่พบคอนโทรลเลอร์ 'ngModel' ที่จำเป็นโดยคำสั่ง '…'
เกิดอะไรขึ้นที่นี่? นี่คือคำสั่งของฉัน: app.directive('submitRequired', function (objSvc) { return { require: 'ngModel', link: function (scope, elm, attrs, ctrl) { // do something } }; }); นี่คือตัวอย่างของคำสั่งที่ใช้: <input submit-required="true"></input> นี่คือข้อความแสดงข้อผิดพลาดที่แท้จริง: Error: [$compile:ctreq] Controller 'ngModel', required by directive 'submitRequired', can't be found! http://errors.angularjs.org/1.2.2/$compile/ctreq?p0=ngModel&p1=submitRequired at http://www.domain.ca/Scripts/angular/angular.js:78:12 at getControllers (http://www.domain.ca/Scripts/angular/angular.js:5972:19) at nodeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:6139:35) at compositeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:5550:15) …

16
CORS พร้อมสปริงบูตและเชิงมุม js ไม่ทำงาน
ฉันพยายามเรียกจุดสิ้นสุด REST บนแอปพลิเคชันหนึ่ง (แอปพลิเคชันสปริงบูต) จากอีกแอปพลิเคชัน (angularjs) แอปพลิเคชันกำลังทำงานบนโฮสต์และพอร์ตต่อไปนี้ แอปพลิเคชัน REST โดยใช้สปริงบูต http://localhost:8080 แอปพลิเคชัน HTML โดยใช้ angularjs http://localhost:50029 ฉันกำลังใช้spring-securityกับแอปพลิเคชันสปริงบูตด้วย จากแอปพลิเคชัน HTML ฉันสามารถตรวจสอบสิทธิ์กับแอปพลิเคชัน REST ได้ แต่หลังจากนั้นฉันก็ยังไม่สามารถเข้าถึงปลายทาง REST ใด ๆ ตัวอย่างเช่นฉันมีบริการ angularjs ที่กำหนดไว้ดังนี้ adminServices.factory('AdminService', ['$resource', '$http', 'conf', function($resource, $http, conf) { var s = {}; s.isAdminLoggedIn = function(data) { return $http({ method: 'GET', url: …

7
angularjs newline filter โดยไม่มี html อื่น ๆ
ฉันพยายามที่จะแปลงตัวอักษรขึ้นบรรทัดใหม่ ( \n) เป็น HTML br's ตามการสนทนานี้ใน Google Groupนี่คือสิ่งที่ฉันได้รับ: myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); การอภิปรายยังแนะนำให้ใช้สิ่งต่อไปนี้ในมุมมอง: {{ dataFromModel | newline | html }} ดูเหมือนว่าจะใช้htmlตัวกรองเก่าในขณะที่ตอนนี้เราควรใช้ng-bind-htmlแอตทริบิวต์ ไม่ว่าสิ่งนี้จะทำให้เกิดปัญหา: ฉันไม่ต้องการให้ HTML ใด ๆ จากสตริงดั้งเดิม ( dataFromModel) แสดงผลเป็น HTML เฉพาะbrของ ตัวอย่างเช่นกำหนดสตริงต่อไปนี้: ในขณะที่ 7> 5 ฉันยังไม่ต้องการ html & ของที่นี่ ... …

6
ฉันจะป้องกันไม่ให้ angular-ui modal ปิดได้อย่างไร
ฉันใช้ Angular UI $ modal ในโครงการของฉัน http://angular-ui.github.io/bootstrap/#/modal ฉันไม่ต้องการให้ผู้ใช้ปิดโมดอลโดยกดที่ฉากหลัง ฉันต้องการให้โมดอลสามารถปิดได้โดยการกดปุ่มปิดที่ฉันสร้างขึ้นเท่านั้น ฉันจะป้องกันไม่ให้โมดอลปิดได้อย่างไร

4
AngularJS ตรวจสอบว่าแบบฟอร์มถูกต้องในคอนโทรลเลอร์หรือไม่
ฉันต้องการตรวจสอบว่าแบบฟอร์มถูกต้องในคอนโทรลเลอร์หรือไม่ ดู: <form novalidate="" name="createBusinessForm" ng-submit="setBusinessInformation()" class="css-form"> <!-- fields --> </form> ในตัวควบคุมของฉัน: .controller( 'BusinessCtrl', function ($scope, $http, $location, Business, BusinessService, UserService, Photo) { if ($scope.createBusinessForm.$valid) { $scope.informationStatus = true; } ... ฉันได้รับข้อผิดพลาดนี้: TypeError: Cannot read property '$valid' of undefined
87 angularjs 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.