คำถามติดแท็ก angular-ui

AngularUI เป็นชุดคู่หูที่เพิ่มประสิทธิภาพให้กับเฟรมเวิร์ก AngularJS มีวิดเจ็ต UI และคำสั่งที่ไม่ได้เป็นส่วนหนึ่งของแกน AngularJS แต่มักจำเป็นในโครงการ

19
จะใช้เหตุการณ์การกดคีย์ใน AngularJS ได้อย่างไร
ฉันต้องการจับกิจกรรมการกดปุ่มบนกล่องข้อความด้านล่าง เพื่อให้ชัดเจนยิ่งขึ้นฉันใช้ a ng-repeatเพื่อเติม tbody นี่คือ HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> นี่คือโมดูลของฉัน: angular.module('components', ['ngResource']); ฉันกำลังใช้ทรัพยากรเพื่อเติมข้อมูลตารางและรหัสคอนโทรลเลอร์ของฉันคือ: function Ajaxy($scope, $resource) { //controller which has resource to populate the table }

3
วิธีการส่งพารามิเตอร์โดยใช้ ui-sref ใน ui-router ไปยังตัวควบคุม
ฉันต้องผ่านและรับพารามิเตอร์สองตัวในสถานะที่ฉันต้องการใช้เพื่อขนส่งui-srefของใช้ui-router สิ่งที่ต้องการใช้ลิงก์ด้านล่างเพื่อเปลี่ยนสถานะเป็นhomeด้วยfooและbarพารามิเตอร์: <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> การรับfooและbarค่าในคอนโทรลเลอร์: app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); ฉันจะได้รับundefinedสำหรับ$stateParamในการควบคุม มีใครช่วยให้ฉันเข้าใจว่าทำอย่างไรให้สำเร็จ แก้ไข: .state('home', { url: '/', views: { '': { templateUrl: 'home.html', controller: …

18
วิธีโหลดสถานะปัจจุบันใหม่ได้อย่างไร
ฉันใช้ Angular UI Router และต้องการโหลดสถานะปัจจุบันอีกครั้งและรีเฟรชข้อมูลทั้งหมด / เรียกใช้งานคอนโทรลเลอร์อีกครั้งสำหรับสถานะปัจจุบันและเป็นพาเรนต์ ฉันมี 3 ระดับรัฐ: directory.organisations.details directory.organisationsมีตารางพร้อมรายการองค์กร คลิกที่รายการในตารางโหลดdirectory.organisations.detailsกับ $ StateParams ผ่าน ID ของรายการ ดังนั้นในสถานะรายละเอียดฉันโหลดรายละเอียดสำหรับรายการนี้แก้ไขจากนั้นบันทึกข้อมูล ทั้งหมดก็ดี ตอนนี้ฉันต้องโหลดสถานะนี้ใหม่และรีเฟรชข้อมูลทั้งหมด ฉันเหนื่อย: $state.transitionTo('directory.organisations'); ซึ่งไปสู่สถานะผู้ปกครอง แต่ไม่โหลดตัวควบคุมอีกครั้งฉันเดาว่าเนื่องจากเส้นทางไม่เปลี่ยนแปลง เป็นการดีที่ฉันแค่อยากอยู่ในdirectory.organisations.detailsและรีเฟรชข้อมูลทั้งหมดในพาเรนต์ด้วย ฉันได้ลองด้วย: $state.reload() ฉันเห็นสิ่งนี้ใน API WIKI สำหรับ $ state.reload "(ข้อผิดพลาดกับตัวควบคุมคืนค่าตอนนี้กำลังแก้ไขในไม่ช้า)" ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม?

3
ข้อแตกต่างระหว่าง ui-bootstrap-tpls.min.js และ ui-bootstrap.min.js คืออะไร
ที่หน้าAngular-UI-Bootstrapบน cdnjs ถูกกล่าวว่า: Native AngularJS (Angular) สั่งให้ Bootstrap ของ Twitter รอยเท้าขนาดเล็ก (5 kB gzipped!) ไม่จำเป็นต้องพึ่งพา JavaScript บุคคลที่สาม (jQuery, Bootstrap JavaScript)! ... และมีตัวเลือกสำหรับ //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js และ //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js การกระจายสิ่งเหล่านี้แสดงให้เห็นถึงความแตกต่างเล็กน้อยและฉันไม่สามารถหาเอกสารใด ๆ เกี่ยวกับมัน ... เรื่องสั้นสั้นใช้ tpls เว้นแต่ว่าคุณกำลังจะสร้างเทมเพลตที่กำหนดเอง มีการบันทึกไว้ที่นี่: github.com/angular-ui/bootstrap/tree/gh-pages#build-files (เชื่อมโยงจากหน้าแรกเช่นกัน) ในระยะสั้นรุ่น -tpls มีแม่แบบ Bootstrap เริ่มต้นรวม ไม่ว่าในกรณีใด ๆ คุณควรรวมไฟล์ที่ระบุไว้เพียงไฟล์เดียวเท่านั้น - ขอบคุณ pkozlowski.opensource

7
การใส่ขอบเขต $ ลงในฟังก์ชันบริการเชิงมุม ()
ฉันมีบริการ: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …

2
ความแตกต่างระหว่าง $ state.transitionTo () และ $ state.go () ใน Angular ui-router
ใน AngularJS ผมเห็นบางครั้งที่เราใช้และบางครั้งที่เราใช้$state.transitionTo() $state.go()ใครช่วยบอกหน่อยได้ไหมว่ามันแตกต่างกันอย่างไรและควรใช้เมื่อใด


4
ประเภท ui-bootstrap เชิงมุมเรียกกลับบน selectMatch?
ฉันใช้หัวพิมพ์ ui-bootstrap เชิงมุมและฉันต้องการใช้เป็นวิธีเลือกตัวเลือกมากมายดังนั้นฉันต้องได้รับค่าที่เลือกเมื่อเปิดใช้เมธอด selectMatch แต่ฉันไม่พบวิธีการทำ ที่อยู่ในคอนโทรลเลอร์ของฉัน <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> หากฉันดูค่าที่เลือกฉันจะได้รับการเปลี่ยนแปลงทุกครั้งที่กดปุ่ม ... scope.$watch('selected', function(newValue, oldValue) {... }); ฉันเข้าใจว่าเมธอด selectMatch เป็นวิธีที่เรียกว่าเมื่อผู้ใช้กด Enter หรือคลิกที่รายการ แต่ฉันไม่รู้ว่าจะโทรกลับได้อย่างไร ... ขอบคุณ!

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

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

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