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

ฉันมีแอปพลิเคชั่น AngularJS ที่สร้างขึ้นโดยใช้ Yeoman, Grunt และ Bower ฉันมีหน้าล็อกอินที่มีคอนโทรลเลอร์ที่ตรวจสอบการพิสูจน์ตัวตน ถ้าข้อมูลรับรองถูกต้องฉันเปลี่ยนเส้นทางไปที่โฮมเพจ app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) …

130 javascript  ruby-on-rails  angularjs  angularjs-authentication 

ฉันกำลังพยายามเพิ่มหน้าในรายการของฉัน ฉันทำตามบทช่วยสอน AngularJS เรื่องเกี่ยวกับสมาร์ทโฟนและฉันพยายามแสดงวัตถุจำนวนหนึ่งเท่านั้น นี่คือไฟล์ html ของฉัน: <div class='container-fluid'> <div class='row-fluid'> <div class='span2'> Search: <input ng-model='searchBar'> Sort by: <select ng-model='orderProp'> <option value='name'>Alphabetical</option> <option value='age'>Newest</option> </select> You selected the phones to be ordered by: {{orderProp}} </div> <div class='span10'> <select ng-model='limit'> <option value='5'>Show 5 per page</option> <option value='10'>Show 10 per page</option> <option …

130 javascript  angularjs  paginate 

ฉันใช้คำสั่ง ng-repeat กับตัวกรองดังนี้: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" และฉันสามารถเห็นผลลัพธ์ที่แสดงได้ดี ตอนนี้ฉันต้องการเรียกใช้ตรรกะบางอย่างกับผลลัพธ์นั้นในคอนโทรลเลอร์ของฉัน คำถามคือฉันจะคว้าการอ้างอิงรายการผลลัพธ์ได้อย่างไร ปรับปรุง: เพื่อชี้แจง: ฉันกำลังพยายามสร้างการเติมข้อความอัตโนมัติฉันมีข้อมูลนี้: <input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query"> จากนั้นผลการกรอง: <ul> <li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li> </ul> ตอนนี้ฉันต้องการนำทางผลลัพธ์และเลือกหนึ่งในรายการ

129 javascript  angularjs  filter  angularjs-ng-repeat 

แอปพลิเคชันที่ฉันกำลังสร้างต้องการให้ผู้ใช้ตั้งค่าข้อมูล 4 ชิ้นก่อนที่ภาพนี้จะมีโอกาสโหลดได้ รูปภาพนี้เป็นชิ้นส่วนกึ่งกลางของแอปพลิเคชันดังนั้นลิงก์รูปภาพที่เสียจึงทำให้ดูเหมือนว่าสิ่งทั้งหมดถูกบอร์ก ฉันต้องการให้มีภาพอื่นแทนบน 404 ความคิดใด ๆ ? ฉันต้องการหลีกเลี่ยงการเขียนคำสั่งที่กำหนดเองสำหรับสิ่งนี้ ฉันแปลกใจที่ไม่พบคำถามที่คล้ายกันโดยเฉพาะอย่างยิ่งเมื่อคำถามแรกในเอกสารเป็นคำถามเดียวกัน! http://docs.angularjs.org/api/ng.directive:ngSrc

129 angularjs  angularjs-directive 

ฉันลองทุกอย่างที่เขียนในบทความนี้: http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-apiแต่ไม่ได้ผล ฉันพยายามดึงข้อมูลจาก webAPI2 (MVC5) เพื่อใช้ในโดเมนอื่นโดยใช้ angularJS ตัวควบคุมของฉันมีลักษณะดังนี้: namespace tapuzWebAPI.Controllers { [EnableCors(origins: "http://local.tapuz.co.il", headers: "*", methods: "*", SupportsCredentials = true)] [RoutePrefix("api/homepage")] public class HomePageController : ApiController { [HttpGet] [Route("GetMainItems")] //[ResponseType(typeof(Product))] public List<usp_MobileSelectTopSecondaryItemsByCategoryResult> GetMainItems() { HomePageDALcs dal = new HomePageDALcs(); //Three product added to display the data //HomePagePromotedItems.Value.Add(new HomePagePromotedItem.Value.FirstOrDefault((p) => p.ID …

129 c#  asp.net-mvc  angularjs  asp.net-web-api  cors 

หากprotect_from_forgeryมีการกล่าวถึงตัวเลือกใน application_controller ฉันสามารถเข้าสู่ระบบและดำเนินการตามคำขอ GET ใด ๆ ได้ แต่ในคำขอ POST แรก Rails จะรีเซ็ตเซสชันซึ่งจะทำให้ฉันไม่สามารถใช้งานได้ ฉันprotect_from_forgeryปิดตัวเลือกนี้ชั่วคราว แต่ต้องการใช้กับ Angular.js มีวิธีทำบ้างไหม

129 ruby-on-rails  angularjs  csrf  protect-from-forgery 

ฉันได้รับมุมมองในเชิงมุมและฉันแค่พยายามที่จะแสดงวันที่ปัจจุบัน (จัดรูปแบบ) ฉันคิดว่าสิ่งที่ชอบ<span>{{Date.now() | date:'yyyy-MM-dd'}}</span>ควรแสดงวันที่ปัจจุบัน

128 javascript  angularjs 

ไม่มีใครทราบว่าเหตุผลเบื้องหลังการใช้วิธีดอลลาร์และตัวแปรใน angularJS คือการสั่ง angularJS เพื่อหลีกเลี่ยงการตรวจสอบค่าเหล่านั้นเมื่อการย่อยเกิดขึ้น? ดังนั้นถ้ามุมตรงข้าม$scope.$valueและ$scope.valueมันจะหลีกเลี่ยงการตรวจสอบก่อนเพราะมันมีคำนำหน้าด้วยอักขระดอลลาร์ในชื่อตัวแปรหรือไม่

128 angularjs 

ฉันพยายามเรียกใช้การทดสอบหน่วยบริการเริ่มต้นในโครงการของฉัน (นำมาจากโครงการ Angular Seed บน GitHub) แต่ฉันได้รับข้อผิดพลาด "ไม่ได้กำหนดโมดูล" ฉันได้อ่านแล้วว่ามันอาจเกี่ยวข้องกับลำดับของไฟล์ JavaScript ที่อ้างอิงแต่ดูเหมือนจะไม่สามารถใช้งานได้ดังนั้นหวังว่าคุณคนใดคนหนึ่งจะสามารถช่วยได้ การกำหนดค่าของฉันสำหรับการทดสอบมีลักษณะดังนี้: basePath = '../'; ไฟล์ = [ 'public / javascripts / lib / jquery-1.8.2.js', 'public / javascripts / lib / angular.js', 'public / javascripts / lib / angular- .js', 'public / app.js ', ' public / controllers / .js …

127 unit-testing  angularjs  karma-runner 

เครื่องหมายคำถามหลังเท่ากับมีความหมายพิเศษหรือไม่? เช่น: scope: {foo: '=?'} ข้างต้นหมายความว่า 'ไม่เพิ่มข้อผิดพลาดถ้า' foo 'ไม่สามารถแก้ไขได้?

127 angularjs  angularjs-directive 

สมมติว่าคุณมีฟอร์มที่โหลดค่าจากฐานข้อมูล คุณเริ่มต้น ng-model ได้อย่างไร? ตัวอย่าง: <input name="card[description]" ng-model="card.description" value="Visa-4242"> ในตัวควบคุมของฉัน $ scope.card ไม่ได้กำหนดไว้ในตอนแรก มีวิธีนอกเหนือจากการทำสิ่งนี้หรือไม่? $scope.card = { description: $('myinput').val() }

126 angularjs 

ฉันจะใช้ไลบรารีขีดล่างภายในตัวควบคุม angularjs ได้อย่างไร ในโพสต์นี้: AngularJS limitTo by last 2 records มีคนแนะนำให้กำหนดตัวแปร _ ให้กับ rootScope เพื่อให้ไลบรารีพร้อมใช้งานสำหรับขอบเขตทั้งหมดภายในแอป แต่ฉันไม่ชัดเจนว่าจะทำที่ไหน ฉันหมายความว่าควรไปประกาศโมดูลแอพหรือไม่ เช่น: var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } แต่ฉันจะโหลดขีดล่าง lib ได้ที่ไหน? ฉันมีในหน้าดัชนีของฉันคำสั่ง ng-app และการอ้างอิงสคริปต์ไปยัง libs เชิงมุมและขีดล่าง? index.html: <head> </head> <body ng-app="offersApp"> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/underscore.js"></script> ... ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร?

126 javascript  angularjs  underscore.js 

ฉันมีปัญหาในการเปลี่ยน URL ของหน้าหลังจากส่งแบบฟอร์มแล้ว นี่คือขั้นตอนของแอปของฉัน: กำหนดเส้นทางแล้ว URL จะถูกจดจำในหน้าฟอร์มบางหน้า การโหลดหน้าตัวควบคุมชุดตัวแปรคำสั่งจะเริ่มทำงาน คำสั่งรูปแบบพิเศษจะเริ่มทำงานซึ่งดำเนินการส่งแบบฟอร์มพิเศษโดยใช้ AJAX หลังจากดำเนินการ AJAX แล้ว (Angular ไม่ดูแล AJAX) การเรียกกลับจะเริ่มทำงานและคำสั่งจะเรียกใช้$scope.onAfterSubmitฟังก์ชันที่กำหนดตำแหน่ง ปัญหาคือหลังจากตั้งค่าสถานที่แล้วไม่มีอะไรเกิดขึ้น ฉันได้ลองตั้งค่าพารามิเตอร์ตำแหน่ง/เป็นเช่นกัน ... ฉันพยายามไม่ส่งแบบฟอร์ม ไม่มีอะไรทำงาน ฉันได้ทดสอบเพื่อดูว่าโค้ดไปถึงonAfterSubmitฟังก์ชัน (ซึ่งทำ) ความคิดเดียวของฉันคือขอบเขตของฟังก์ชั่นเปลี่ยนไปอย่างใด (เนื่องจากถูกเรียกจากคำสั่ง) แต่จะเรียกอีกครั้งได้อย่างไรว่าonAfterSubmitขอบเขตเปลี่ยนไป? นี่คือรหัสของฉัน var Ctrl = function($scope, $location, $http) { $http.get('/resources/' + $params.id + '/edit.json').success(function(data) { $scope.resource = data; }); $scope.onAfterSubmit = function() { $location.path('/').replace(); …

126 angularjs 

ฉันพยายามเขียนฟังก์ชันที่ส่งคืนคำสัญญา แต่มีหลายครั้งที่ข้อมูลที่ร้องขอจะพร้อมใช้งานทันที ฉันต้องการที่จะสรุปไว้ในสัญญาเพื่อให้ผู้บริโภคไม่จำเป็นต้องตัดสินใจ function getSomething(id) { if (Cache[id]) { var deferred = $q.defer(); deferred.resolve(Cache[id]); // <-- Can I do this? return deferred.promise; } else { return $http.get('/someUrl', {id:id}); } } และใช้มันดังนี้: somethingService.getSomething(5).then(function(thing) { alert(thing); }); ปัญหาคือการโทรกลับไม่ดำเนินการสำหรับสัญญาที่แก้ไขไว้ล่วงหน้า นี่เป็นสิ่งที่ถูกต้องหรือไม่? มีวิธีที่ดีกว่านี้ในการจัดการกับสถานการณ์นี้หรือไม่?

125 angularjs  promise 

ฉันกำลังพยายามค้นหาองค์ประกอบใน html โดย angularjs นี่คือ html: <button class="btn btn-primary multi-files" type="button"> <span>Choose multiple files</span> </button> <br/><br/> <input ng-file-select type="file" multiple style="display: none"/><br/> ฉันพยายามรับองค์ประกอบปุ่มตามชื่อคลาสหลายไฟล์จากนั้นฉันก็ลอง var multibutton = angular.element(element.getElementsByClassName(".multi-files")); แต่ไม่ได้ผลและพยายามelement.findแล้ว แต่ใช้ได้กับแท็กเท่านั้น มีฟังก์ชันใดบ้างที่สามารถรับองค์ประกอบตาม id หรือ classname ใน angularjs ได้หรือไม่?

125 angularjs