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

เมื่อฉันกำลังโหลดแอปพลิเคชัน AngularJS เวอร์ชัน minified (ผ่าน UglifyJS) ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล: Unknown provider: aProvider <- a ตอนนี้ฉันรู้แล้วว่านี่เป็นเพราะชื่อตัวแปรที่สับสน เวอร์ชันที่ไม่มีการเชื่อมต่อใช้งานได้ดี อย่างไรก็ตามฉันทำต้องการที่จะทำให้การใช้ชื่อ mangling ตัวแปรตามที่มันลดฮวบขนาดของไฟล์ที่ส่งออกของเรา JS ด้วยเหตุนี้เราจึงใช้ngminในกระบวนการสร้างของเรา แต่ดูเหมือนจะไม่สามารถแก้ไขปัญหานี้ได้แม้ว่าจะให้บริการเราได้ดีในอดีตก็ตาม ดังนั้นเพื่อแก้ปัญหานี้ฉันจึงเปิดใช้งานแผนที่แหล่งที่มาในงานที่น่าเกลียดของเรา พวกเขาสร้างขึ้นได้ดีและ Chrome ก็ทำได้โหลดแผนที่จากเซิร์ฟเวอร์ แต่ฉันยังคงได้รับข้อความแสดงข้อผิดพลาดที่ไม่เป็นประโยชน์เหมือนเดิมแม้ว่าฉันจะรู้สึกว่าตอนนี้ฉันควรจะเห็นชื่อเดิมของผู้ให้บริการแล้วก็ตาม ฉันจะทำให้ Chrome ใช้แผนที่ต้นทางเพื่อบอกฉันได้อย่างไรว่าผู้ให้บริการรายใดเป็นปัญหาที่นี่หรืออีกวิธีหนึ่งฉันจะค้นหาผู้ให้บริการด้วยวิธีอื่นได้อย่างไร

100 angularjs  google-chrome  uglifyjs  source-maps 

นี่คือ HTML ของฉัน: <input id="selectedDueDate" type="text" ng-model="selectedDate" /> เมื่อฉันพิมพ์ลงในช่องโมเดลจะได้รับการอัปเดตผ่านกลไกการผูก 2 ทาง หวาน. อย่างไรก็ตามเมื่อฉันทำสิ่งนี้ผ่าน JQuery ... $('#selectedDueDate').val(dateText); มันไม่อัพเดตโมเดล ทำไม?

100 javascript  jquery  angularjs  data-binding  angular-ngmodel 

เป็นไปได้หรือไม่ใน Angular ที่จะตรวจสอบความถูกต้องแบบแยกเดี่ยว<input>ในลักษณะเดียวกันกับที่ตรวจสอบแบบฟอร์ม ฉันกำลังคิดเกี่ยวกับสิ่งนี้: <div class="form-group"> <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5"> <span class="error" ng-show="myInput.$error.maxlength">Too long!</span> </div> ตัวอย่างด้านบนใช้ไม่ได้ การแนบ<form>และแทนที่ng-showด้วยความng-show="myForm.myInput.$error.maxlength"ช่วยเหลือ เป็นไปได้ไหมที่จะทำโดยไม่ใช้<form>?

100 angularjs  validation 

ฉันใช้ Django Rest Framework และ AngularJs เพื่ออัปโหลดไฟล์ ไฟล์มุมมองของฉันมีลักษณะดังนี้: class ProductList(APIView): authentication_classes = (authentication.TokenAuthentication,) def get(self,request): if request.user.is_authenticated(): userCompanyId = request.user.get_profile().companyId products = Product.objects.filter(company = userCompanyId) serializer = ProductSerializer(products,many=True) return Response(serializer.data) def post(self,request): serializer = ProductSerializer(data=request.DATA, files=request.FILES) if serializer.is_valid(): serializer.save() return Response(data=request.DATA) เนื่องจากวิธีการโพสต์บรรทัดสุดท้ายควรส่งคืนข้อมูลทั้งหมดฉันมีคำถามหลายข้อ: วิธีตรวจสอบว่ามีอะไรอยู่ในrequest.FILES? วิธีการจัดลำดับฟิลด์ไฟล์? ฉันจะใช้ parser ได้อย่างไร

100 python  django  angularjs  django-rest-framework 

ใช่ฉันรู้ว่าคุณกำลังคิดอะไร - ยังเป็นคำถาม CORS อีกคำถาม แต่คราวนี้ฉันนิ่งงัน ดังนั้นในการเริ่มต้นข้อความแสดงข้อผิดพลาดจริง: XMLHttpRequest ไม่สามารถโหลดhttp: //localhost/Foo.API/token ค่าของ 'การเข้าถึงการควบคุมอนุญาตให้-กำเนิด' หัวในการตอบสนองจะต้องไม่เป็นสัญลักษณ์แทน '*' เมื่อมีการร้องขอของโหมดข้อมูลประจำตัวคือ 'รวมถึง' Origin ' http: // localhost: 5000 ' จึงไม่อนุญาตให้เข้าถึง โหมดหนังสือรับรองของคำขอที่เริ่มต้นโดย XMLHttpRequest ถูกควบคุมโดยแอตทริบิวต์ withCredentials ฉันไม่แน่ใจว่าโหมดข้อมูลรับรองหมายถึงอะไรคือ 'รวม' ? ดังนั้นเมื่อฉันดำเนินการตามคำขอในบุรุษไปรษณีย์ฉันไม่พบข้อผิดพลาดดังกล่าว: แต่เมื่อฉันเข้าถึงคำขอเดียวกันผ่านเว็บแอป angularjs ฉันรู้สึกสะดุดกับข้อผิดพลาดนี้ นี่คือคำขอ / การตอบกลับ angualrjs ของฉัน ดังที่คุณจะเห็นการตอบสนองOK 200แต่ฉันยังคงได้รับข้อผิดพลาด CORS: คำขอและการตอบกลับของ Fiddler: ภาพต่อไปนี้แสดงคำขอและการตอบกลับจากส่วนหน้าเว็บไปยัง API จากโพสต์อื่น ๆ ทั้งหมดที่ฉันอ่านทางออนไลน์ดูเหมือนว่าฉันกำลังทำสิ่งที่ถูกต้องนั่นคือเหตุผลที่ฉันไม่เข้าใจข้อผิดพลาด …

100 javascript  c#  angularjs  cors  asp.net-web-api2 

ฉันมีวัตถุ JS ที่ประกาศเช่นนั้น $scope.items = {}; ฉันยังมีคำขอ $ http ที่เติมสิ่งของนี้ด้วยรายการ ฉันต้องการตรวจสอบว่ารายการนี้ว่างเปล่าหรือไม่ปรากฏว่า ng-show รองรับสิ่งนี้ ... ฉันป้อน ng-show="items" และมันใช้งานได้อย่างน่าอัศจรรย์ฉันก็อยากจะทำเช่นเดียวกันจากคอนโทรลเลอร์ แต่ดูเหมือนจะใช้งานไม่ได้ดูเหมือนว่าฉันอาจต้องทำซ้ำบนวัตถุเพื่อดูว่ามีคุณสมบัติหรือไม่ใช้ lodash หรือขีดล่าง . มีทางเลือกอื่นไหม ฉันไม่ได้ลอง alert($scope.items == true); แต่จะคืนค่าเป็นเท็จเสมอเมื่อวัตถุถูกสร้างขึ้นและเมื่อมีการเติมข้อมูล$httpดังนั้นจึงไม่ทำงานในลักษณะนั้น

99 angularjs  angularjs-scope 

เป็นไปได้ไหมที่จะส่งอาร์กิวเมนต์ไปยังฟังก์ชันตัวกรองเพื่อให้คุณกรองด้วยชื่อใด ๆ สิ่งที่ต้องการ $scope.weDontLike = function(item, name) { console.log(arguments); return item.name != name; };

99 javascript  angularjs  angular-filters 

วิธีที่ง่ายที่สุดในการส่งผ่านตัวแปรขอบเขต AngularJS จากคำสั่งไปยังคอนโทรลเลอร์คืออะไร ตัวอย่างทั้งหมดที่ฉันเห็นดูซับซ้อนมากไม่มีวิธีใดที่ฉันสามารถเข้าถึงคอนโทรลเลอร์จากคำสั่งและตั้งค่าตัวแปรขอบเขตได้หรือไม่?

99 angularjs  angularjs-directive  ng-controller 

นี่เป็นครั้งแรกที่ฉันพยายามใช้ ui-router นี่คือ app.js ของฉัน angular.module('myApp', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } if(window.StatusBar) { StatusBar.styleDefault(); } }); }) .config(function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise("/index.html"); $stateProvider.state('index', { url: …

99 angularjs  angular-ui-router 

ฉันมีแอปพลิเคชัน Angular ที่ค่อนข้างเรียบง่ายซึ่งทำงานได้ดีบนเครื่อง dev ของฉัน แต่ล้มเหลวด้วยข้อความแสดงข้อผิดพลาดนี้ (ในคอนโซลเบราว์เซอร์) หลังจากที่ฉันปรับใช้: Uncaught Error: [$injector:unpr] http://errors.angularjs.org/undefined/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20%24http%20%3C-%20%24compile ไม่มีข้อความอื่นนอกเหนือจากนั้น เกิดขึ้นเมื่อโหลดหน้าเว็บครั้งแรก ฉันใช้ ASP.NET MVC5, Angular 1.2RC3 และกดไปที่ Azure ผ่าน git Googling ไม่ได้เปิดเผยสิ่งที่น่าสนใจ ข้อเสนอแนะใด ๆ ? แก้ไข: ฉันใช้ TypeScript และกำหนดการอ้างอิงของฉันด้วย$injectตัวแปรเช่น: export class DashboardCtrl { public static $inject = [ '$scope', '$location', 'dashboardStorage' ]; constructor( private $scope: IDashboardScope, private …

99 angularjs 

ฉันมีแบบฟอร์มนี้: http://jsfiddle.net/dfJeN/ ดังที่คุณเห็นค่าชื่อสำหรับอินพุตถูกตั้งค่าแบบคงที่: name="username" การตรวจสอบแบบฟอร์มใช้งานได้ดี (เพิ่มบางอย่างและลบข้อความทั้งหมดออกจากอินพุตข้อความจะต้องปรากฏขึ้น) จากนั้นฉันพยายามตั้งค่าชื่อแบบไดนามิก: http://jsfiddle.net/jNWB8/ name="{input.name}" จากนั้นฉันจะใช้สิ่งนี้กับการตรวจสอบความถูกต้องของฉัน login.{{input.name}}.$error.required (รูปแบบนี้จะใช้ใน ng-repeat) แต่การตรวจสอบแบบฟอร์มของฉันใช้งานไม่ได้ มีการตีความอย่างถูกต้องในเบราว์เซอร์ของฉัน (ถ้าฉันตรวจสอบองค์ประกอบฉันเห็น login.username. $ error.required) ความคิดใด ๆ ? แก้ไข: หลังจากบันทึกขอบเขตในคอนโซลปรากฏว่าไฟล์ {{input.name}} นิพจน์ไม่สอดแทรก แบบฟอร์มของฉันเป็นแอตทริบิวต์ {{input.name}} แต่ไม่มีชื่อผู้ใช้ อัปเดต: ตั้งแต่ 1.3.0-rc.3 name = "{{input.name}}" ทำงานตามที่คาดไว้ โปรดดู# 1404

98 angularjs 

ฉันมีแบบฟอร์มที่ใช้มาร์กอัปจาก Bootstrap ดังต่อไปนี้: <form class="form-horizontal"> <fieldset> <legend>Legend text</legend> <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> <p class="help-block">Supporting help text</p> </div> </div> </fieldset> </form> มีรหัสสำเร็จรูปจำนวนมากอยู่ในนั้นซึ่งฉันต้องการลดเป็นคำสั่งใหม่ - การป้อนรูปแบบดังต่อไปนี้: <form-input label="Name" form-id="nameInput"></form-input> สร้าง: <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> </div> </div> ฉันทำงานได้ดีมากผ่านเทมเพลตง่ายๆ angular.module('formComponents', []) …

98 javascript  angularjs 

หากฉันมีคำสั่งที่ตอบสนองต่อสถานะของแอตทริบิวต์เฉพาะในขอบเขตและฉันต้องการเปลี่ยนแอตทริบิวต์นั้นในการทดสอบของฉันและตรวจสอบว่าแอตทริบิวต์นั้นตอบสนองอย่างถูกต้องวิธีใดที่ดีที่สุดในการเปลี่ยนแปลงนั้น ฉันเคยเห็นทั้งสองรูปแบบนี้: scope.$apply(function() { scope.myAttribute = true; }); และ scope.myAttribute = true; scope.$digest(); อะไรคือความแตกต่างระหว่างสิ่งที่ดีกว่าและทำไม

98 angularjs  angularjs-directive 

ฉันคาดว่าจะเห็นคำถามนี้ใน Stackoverflow แต่ไม่เห็น เห็นได้ชัดว่าฉันเป็นคนเดียวที่มีปัญหานี้ซึ่งดูเหมือนว่าฉันจะเป็นเรื่องธรรมดามาก ฉันมีโปรเจ็กต์พื้นฐานที่กำลังทำอยู่ แต่ดูเหมือนว่าเส้นทางต่างๆจะใช้ไม่ได้แม้ว่าทุกอย่างที่ฉันทำจนถึงตอนนี้ดูเหมือนจะถูกต้องก็ตาม ฉันมี html ชิ้นนี้ในindex.htmlไฟล์ของฉัน: <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> และนี่คือapp.js: var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: …

98 angularjs  angular-routing  ngroute  angularjs-ng-route  angularjs-1.6 

ฉันต้องการใช้ไอออนิกกับการออกแบบวัสดุ ฉันติดขัดระหว่างการใช้คำสั่งไอออนิกกับ CSS ที่กำหนดเองและวัสดุเชิงมุม ฉันได้อ่านว่าการใช้คำสั่งไอออนิกทำให้เราได้รับคุณสมบัติที่มีประสิทธิภาพมากมายเช่น ระบบจะจดจำข้อมูลแอปด้วย UI-router แม้ว่าจะไปที่มุมมองอื่นและกลับมาที่หน้า รายการไอออนิกจะแสดงขึ้นเพื่อแสดงความสูงเท่านั้นและใช้ซ้ำได้เมื่อเลื่อนลงหรือขึ้น และการปรับปรุงประสิทธิภาพมากมาย แต่ถ้าฉันใช้คำสั่งไอออนิกพวกเขาไม่มีการออกแบบวัสดุ หากฉันใช้วัสดุเชิงมุมฉันจะไม่มีการปรับปรุงประสิทธิภาพเหล่านี้และคุณสมบัติพิเศษที่จำเป็นสำหรับแอปพลิเคชันมือถือ คำสั่งวัสดุเชิงมุมเป็นเหมือน <md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list> คำสั่งไอออนิกเป็นเหมือน <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> ดูเหมือนว่าIonic จะให้เงินสนับสนุนการพัฒนาโครงการวัสดุเชิงมุมแล้วเหตุใดวัสดุเชิงมุมจึงไม่สามารถใช้กับไอออนิกได้ ฉันจะใช้ส่วนประกอบวัสดุเชิงมุมโดยไม่สูญเสียการปรับปรุงประสิทธิภาพและคุณสมบัติของไอออนิกได้อย่างไร หรือ มีแนวคิดที่ดีกว่าในการใช้การออกแบบวัสดุด้วยไอออนิกหรือไม่?

98 javascript  angularjs  ionic-framework  ionic2  material-design