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

ฉันจะใช้ ng-repeat like forใน Javascript ได้อย่างไร ตัวอย่าง: <div ng-repeat="4">Text</div> ฉันต้องการทำซ้ำด้วย ng-repeat 4 ครั้ง แต่ฉันจะทำอย่างไร

87 javascript  angularjs 

ผมได้ดำเนินการ angularjs แอพลิเคชันหน้าเดียวโดยใช้UI เตอร์ เดิมทีฉันระบุแต่ละรัฐโดยใช้ URL ที่แตกต่างกัน แต่สิ่งนี้สร้างขึ้นสำหรับ URL ที่บรรจุ GUID ที่ไม่เป็นมิตร ตอนนี้ฉันได้กำหนดไซต์ของฉันให้เป็น state-machine ที่ง่ายกว่ามาก รัฐไม่ได้ระบุโดย URL แต่จะเปลี่ยนเป็นเพียงตามที่กำหนดดังนี้: กำหนดสถานะที่ซ้อนกัน angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' การเปลี่ยนเป็นสถานะที่กำหนด #The …

87 javascript  angularjs  coffeescript  angular-ui-router 

ฉันมีสถานการณ์ที่มีรูปแบบที่ขยายไปหลายหน้า (อาจไม่เหมาะ แต่เป็นอย่างนั้น) ฉันต้องการให้มีขอบเขตเดียวสำหรับแบบฟอร์มทั้งหมดที่ได้รับการกรอกข้อมูลในขณะที่คุณดำเนินการดังนั้นหากผู้ใช้ไปมาระหว่างขั้นตอนต่างๆคุณจะจำสถานะได้ง่าย ดังนั้นฉันต้องทำในรหัสหลอกมาก: ชุด $scope.val = <Some dynamic data> คลิกลิงก์และกำหนดเส้นทางไปยังเทมเพลตใหม่ (อาจใช้คอนโทรลเลอร์เดียวกัน) $scope.val ควรจะยังคงเป็นค่าเดียวกับในหน้าสุดท้าย ข้อมูลที่มีอยู่อย่างต่อเนื่องสำหรับขอบเขตเป็นวิธีที่ถูกต้องในการดำเนินการนี้หรือมีวิธีอื่นหรือไม่? คุณสามารถสร้างคอนโทรลเลอร์ที่มีขอบเขตต่อเนื่องระหว่างเส้นทางได้หรือไม่ยกเว้นการบันทึกไว้ในฐานข้อมูลแน่นอน

87 scope  routes  angularjs  controllers 

เนื่องจากการใช้ CORS และการพิสูจน์ตัวตน http กับ AngularJS อาจเป็นเรื่องยุ่งยากฉันจึงแก้ไขคำถามเพื่อแบ่งปันบทเรียนที่ได้เรียนรู้ ก่อนอื่นฉันต้องขอบคุณ igorzg คำตอบของเขาช่วยฉันได้มาก สถานการณ์ดังต่อไปนี้: คุณต้องการส่งคำขอ POST ไปยังโดเมนอื่นด้วยบริการ AngularJS $ http มีหลายสิ่งที่ยุ่งยากที่ต้องระวังเมื่อรับ AngularJS และการตั้งค่าเซิร์ฟเวอร์ ขั้นแรก: ในการกำหนดค่าแอปพลิเคชันของคุณคุณต้องอนุญาตการโทรข้ามโดเมน /** * Cors usage example. * @author Georgi Naumov * gonaumov@gmail.com for contacts and * suggestions. **/ app.config(function($httpProvider) { //Enable cross domain calls $httpProvider.defaults.useXDomain = true; }); ประการที่สอง: …

87 angularjs  cors 

ใน AngularJS ฉันจะแสดงค่าโดยไม่มีการผูกข้อมูลแบบ 2 ทางได้อย่างไร เราอาจต้องการทำเช่นนี้ด้วยเหตุผลด้านประสิทธิภาพหรือแม้กระทั่งการแสดงค่า ณ ช่วงเวลาที่กำหนด ทั้งสองตัวอย่างต่อไปนี้ใช้การผูกข้อมูล: <div>{{value}}</div> <div data-ng-bind="value"></div> ฉันจะแสดงผลvalue โดยไม่มีการผูกข้อมูลได้อย่างไร

87 javascript  angularjs  data-binding 

สวัสดีฉันกำลังดูวิดีโอ angular.js สองรายการและเห็นว่ามีการใช้วิธี value () เพื่อกำหนดค่าคงที่ทั้งโมดูล ตัวอย่างเช่นเราสามารถตั้งค่าการกำหนดค่าของไลบรารี Angular-UI ได้ดังนี้: (coffeescript) angular.module('app',[]) .value "ui.config", tinymce: theme: 'simple' width: '500' height: '300' และขณะนี้แอปของฉันมีลักษณะดังนี้: window.app = angular.module("app", [ 'ui']) .config(["$routeProvider", ($routeProvider) -> $routeProvider .when "/users", templateUrl: "assets/templates/users/index.html" controller: IndexUsersCtrl .otherwise redirectTo: "/users" ]) .value 'csrf', $('meta[name="csrf-token"]').attr('content') #<---- attention here IndexUsersCtrl = ($scope) -> …

87 javascript  angularjs 

ฉันกำลังพยายามแสดงหรือซ่อนตัวบ่งชี้การโหลดบนปุ่มเมื่อคำขอไม่ว่าง ฉันทำเช่นนั้นด้วยเชิงมุมโดยการเปลี่ยนตัวแปร $ scope.loading เมื่อคำขอกำลังโหลดหรือเมื่อโหลดเสร็จ $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; ในส่วนหน้า: <button ng-disabled="loading" class="button button-outline button-positive" type="submit"> Log in <span ng-if="loading" class="ion-refreshing"></span> </button> สิ่งนี้ใช้งานได้ดี แต่ไอคอนการโหลด (การรีเฟรชไอออน) จะแสดงเป็นเวลาประมาณ 2 วินาทีในขณะที่ตัวแปร $ ขอบเขตจะได้รับการอัปเดตทันที ฉันลองใช้ $ ขอบเขต …

87 angularjs  angularjs-directive  ionic-framework 

ฉันมาจากการใช้ ASP.NET MVC / Web API และตอนนี้ฉันเริ่มใช้ Angular แต่ฉันไม่ชัดเจนเกี่ยวกับวิธีที่เหมาะสมในการผสม เมื่อฉันใช้ Angular แนวคิดด้านการตัด MVC ยังคงให้คุณค่าหรือไม่? หรือฉันควรใช้ Web API อย่างเคร่งครัดเพื่อรับข้อมูลสำหรับการเรียก HTTP เชิงมุม เคล็ดลับใด ๆ ที่คุณมีสำหรับ ASP.NET MVC ที่เปลี่ยนไปใช้ Angular จะเป็นประโยชน์

87 asp.net-mvc  angularjs  asp.net-mvc-4 

ฉันพยายามเปลี่ยนเส้นทางไปยังเส้นทางอื่นโดยใช้: $location.path("/route"); แต่ด้วยเหตุผลบางอย่างมันไม่ทำงาน ฉันทำวิดเจ็ตเติมข้อความอัตโนมัติโดยใช้ jQuery-UI และฉันกำลังเรียกใช้ฟังก์ชันจากขอบเขตเมื่อผู้ใช้เลือกตัวเลือก ฉันแก้ไขข้อบกพร่องและเข้าสู่ฟังก์ชัน แต่จะไม่ถูกเปลี่ยนเส้นทางไปยังเส้นทางอื่น มันจะเปลี่ยนเส้นทางเมื่อฉันกดปุ่มเท่านั้น ฉันคิดว่ามันแปลก ๆ แต่ฉันยังไม่ได้หาวิธีแก้ปัญหานี้ ฉันใช้ window.location = "#/route"; และใช้งานได้ แต่ฉันต้องการใช้path()ฟังก์ชันนี้ ใครมีความคิดว่าทำไมถึงเกิดขึ้น?

86 angularjs  redirect  location 

ฉันได้ลองค้นหาทุกที่แม้แต่ในเอกสารAngular.orgแต่ไม่พบคำอธิบายโดยละเอียดเกี่ยวกับการใช้งาน มันจะมีประโยชน์อย่างมากถ้ามีใครสามารถอธิบายได้

86 javascript  angularjs 

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังประเมินรูปแบบการเขียนโปรแกรมสำหรับการสร้างเว็บแอปพลิเคชันในอนาคตใน บริษัท ของฉัน ดังนั้นฉันจะตัดสินใจระหว่าง ASP.NET MVC 5 (พร้อมมุมมองมีดโกน) และ AngularJS กับ ASP.NET WebAPI อะไรคือข้อดี / ข้อเสียของโมเดลการเขียนโปรแกรมทั้งสองนี้?

86 asp.net  asp.net-mvc  angularjs 

ใครช่วยบอกวิธีรวมคอนโทรลเลอร์จากคำสั่งหนึ่งในคำสั่ง angularJS อื่น ตัวอย่างเช่นฉันมีรหัสต่อไปนี้ var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return …

86 javascript  angularjs  angularjs-directive 

ฉันพยายามเรียน AngularJS ความพยายามครั้งแรกของฉันในการรับข้อมูลใหม่ทุกวินาทีได้ผล: 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; เมื่อฉันจำลองเซิร์ฟเวอร์ที่ทำงานช้าโดยพักเธรดเป็นเวลา 5 วินาทีมันจะรอการตอบสนองก่อนที่จะอัปเดต UI และตั้งค่าการหมดเวลาอื่น ปัญหาคือเมื่อฉันเขียนด้านบนใหม่เพื่อใช้โมดูลเชิงมุมและ DI สำหรับการสร้างโมดูล: 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: …

86 javascript  angularjs 

มีวิธีรับภาษาที่ใช้ในปัจจุบันในคอนโทรลเลอร์ (ไม่มี$translateProvider) หรือไม่? ไม่พบสิ่งใดใน$translateบริการ

86 angularjs  angular-translate 

นี่คือรหัสที่ใช้งานไม่ได้: สาธิต: http://jsfiddle.net/8dt94/63/ <div ng-controller="MyCtrl"> <input type="text" ng-model="searchText" /> <ul ng-repeat="strVal in arrVal|orderBy|filter:searchText" > <li>{{strVal}}</li> </ul> </div> var app=angular.module('myApp', []); app.controller('MyCtrl', function ($scope,$filter) { $scope.arrVal = ['one','two','three','four','five','six']; });

86 angularjs