Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS(1.x)的问题。不要将此标签用于Angular 2或更高版本;而是使用[angular]标签。

4
验证单选按钮AngularJS
这似乎应该很容易,但是我没有找到答案。我有一个表格,需要核实是否已从广播组中进行选择。我尝试在单选按钮上使用'required'属性,但是在验证表单后,除非所有单选按钮都被选中(设计上是不可能的),否则它将抱怨。 在AngularJS中验证无线电组选择的正确方法是什么? <form name="myForm" ng-submit="submitForm()" ng-controller="ExampleController"> <input type="radio" ng-model="color" value="red" required> Red <br/> <input type="radio" ng-model="color" value="green" required> Green <br/> <input type="radio" ng-model="color" value="blue" required> Blue <br/> <tt>color = {{color | json}}</tt><br/> <button type="submit">Submit</button> </form> 单击Plnkr中的“提交”按钮将显示该行为。 http://plnkr.co/edit/3qcIbMvJk19OvokcHe2N?p=预览

10
基于闲置用户使用Angularjs自动注销
是否有可能确定用户是否处于非活动状态,并且在闲置10分钟后使用angularjs自动注销用户? 我试图避免使用jQuery,但是在angularjs中找不到任何有关如何执行此操作的教程或文章。任何帮助,将不胜感激。

7
AngularJS 1.5+组件不支持Watchers,如何解决?
我一直在将自定义指令升级到新的组件体系结构。我读过,组件不支持观察者。它是否正确?如果是这样,您如何检测对象的变化?对于一个基本示例,我有一个自定义组件myBox,该组件具有一个子组件游戏,并带有对游戏的绑定。如果游戏组件中有找零游戏,如何在myBox中显示警告消息?我知道有rxJS方法可以纯粹在角度上做到这一点吗?我的JSFiddle 的JavaScript var app = angular.module('myApp', []); app.controller('mainCtrl', function($scope) { $scope.name = "Tony Danza"; }); app.component("myBox", { bindings: {}, controller: function($element) { var myBox = this; myBox.game = 'World Of warcraft'; //IF myBox.game changes, show alert message 'NAME CHANGE' }, controllerAs: 'myBox', templateUrl: "/template", transclude: true }) app.component("game", { bindings: …

12
动态设置ui-sref Angularjs的值
我已经搜索了类似的问题,但是出现的问题似乎略有不同。我正在尝试动态更改链接的ui-sref =''(此链接指向向导表单的下一部分,下一部分取决于下拉列表上的选择)。我只是试图根据选择框中的某些选择来设置ui-sref属性。我可以通过绑定到在进行选择时设置的scope属性来更改ui-sref。但是链接不起作用,这有可能吗?谢谢 <a ui-sref="form.{{url}}" >Next Section</a> 然后在我的控制器中,我以这种方式设置url参数 switch (option) { case 'A': { $scope.url = 'sectionA'; } break; case 'B': { $scope.url = 'sectionB'; } break; } 另外,我使用指令通过根据选择框(下拉列表)上选择的选项生成具有所需ui-sref属性的超链接来使其工作。 但是,这意味着每次从选择框中选择一个不同的选项时,我都必须重新创建链接,这会导致不希望的闪烁效果。我的问题是,是否可以像上面那样通过更改控制器中url的值来更改ui-sref的值,还是每次选择时都必须使用伪指令重新创建整个元素?就像我在下面做的那样?(仅出于完整性目的显示此内容) 选择选项指令(此指令生成链接指令) define(['app/js/modules/app', 'app/js/directives/hyperLink'], function (app) { app.directive('selectUsage', function ($compile) { function createLink(scope,element) { var newElm = angular.element('<hyper-link></hyper-link>'); var el = $(element).find('.navLink'); …

6
npm start如何在端口8000上运行服务器
我最近使用了github上的angular-seed文件夹进行角度应用程序开发。在以前的一些angularjs教程中,angular-seed文件夹中有一个脚本文件夹和一个server.js文件,这些文件具有运行节点服务器的所有配置。那么npm现在如何开始运行节点服务器,该节点服务器的所有配置在哪里?


6
AngularJS中是否可以使用其他常量定义常量?
我正在尝试用其他常量定义常量,但是似乎无法完成,因为当所需常量依赖于它时,初始常量尚未准备就绪。我想确定这是否完全不可能。 目前,我有这样的常量: angular.module('mainApp.config', []) .constant('RESOURCE_USERS_DOMAIN', 'http://127.0.0.1:8008') .constant('RESOURCE_USERS_API', 'http://127.0.0.1:8008/users') // Specific routes for API .constant('API_BASIC_INFORMATION', RESOURCE_USERS_API + '/api/info') .constant('API_SOCIAL_NETWORKS', RESOURCE_USERS_API + '/api/social') ; 后两个常数是我想要完成的。

4
在指令中将鼠标悬停时更改类
我在解决如何使类在嵌套指令上进行更改时遇到麻烦。 这是外部ng-repeat <div data-courseoverview data-ng-repeat="course in courses | orderBy:sortOrder | filter:search" data-ng-controller ="CourseItemController" data-ng-class="{ selected: isSelected }"> 下面是使用另一个指令的内部ng-repeat <li data-ng-repeat="item in social" class="social-{{item.name}}" ng-mouseover="hoverItem(true);" ng-mouseout="hoverItem(false);" index="{{$index}}"><i class="{{item.icon}}" box="course-{{$index}}"></i></li> 这是指令im要求悬停事件 ecourseApp.directive("courseoverview", function() { return { restrict : 'A', replace: true, /*scope: { index: '@' },*/ transclude: true, templateUrl: "views/course-overview.html", link: function …



6
构建Node.js和AngularJS应用程序
我将尝试我的第一个AngularJS项目,并且在后端使用Node.js是有意义的,即使这意味着同时从头开始学习AngularJS和Node.js。 我想要弄清楚的第一件事是一个好的文件结构。到目前为止,我的纯HTML / CSS模板具有以下目录结构... _site/ Fonts/ Javascript/ SASS/ Stylesheets/ Index.html (_site是PSD等的工作目录。) 我发现一个Node.js的一个例子的目录结构/ AngularJS应用程式这里.... ...表示以下目录结构。 app.js --> Application configuration package.json --> For npm public/ --> All of the files to be used in on the client side css/ --> CSS files app.css --> Default stylesheet img/ --> Image files js/ --> …

9
使用UI-Router将用户转换为子状态时将其定向到子状态
考虑以下: .state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'}) .state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'}) .state('manager.staffDetail.view', {url:'/view', templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.edit', {url:'/edit', templateUrl: 'views/staff.edit.html', data:{activeMenu: …

5
强制ng-src重新加载
当图像的url未更改但其内容已更改时,如何强制angularjs重新加载具有ng-src属性的图像? <div ng-controller='ctrl'> <img ng-src="{{urlprofilephoto}}"> </div> 执行文件上传的uploadReplace服务将替换图像的内容,而不是URL。 app.factory('R4aFact', ['$http', '$q', '$route', '$window', '$rootScope', function($http, $q, $route, $window, $rootScope) { return { uploadReplace: function(imgfile, profileid) { var xhr = new XMLHttpRequest(), fd = new FormData(), d = $q.defer(); fd.append('profileid', profileid); fd.append('filedata', imgfile); xhr.onload = function(ev) { var data = JSON.parse(this.responseText); $rootScope.$apply(function(){ …
77 angularjs 

11
从同一服务中调用AngularJS服务中的函数?
我有以下方式定义的AngularJS服务 angular.module('myService').service('myService', function() { this.publicFunction(param) { ... }; this.anotherPublicFunction(param) { // how to call publicFunction(param)? ... }; }); 我想从服务外部(通过可以正常使用myService.publicFunction(xxx))和同一服务(即)中的另一个函数调用第一个函数anotherPublicFunction。无论是一个this.publicFunction(param)或myService.publicFunction(param)将不会从第二个函数中工作,我可以理解。 编辑: 实际上,整个问题是由您仅凭我的示例无法重现的某些问题引起的。我将第二个函数作为回调参数传递给了单独控制器中的另一个函数,当调用该函数时,对它的引用this不起作用。 例如 anotherService.someCall('a', 123, myService.anotherPublicFunction); 内部失败,anotherPublicFunction因为this无法解决。 我写了一个Plunker来显示问题: http ://plnkr.co/edit/rrRs9xnZTNInDVdapiqF?p=info (我仍将问题留在这里,以防它对其他人有所帮助。) 我知道我可以通过使用对服务或第一个函数的引用来解决此问题 var ms = this; this.anotherPublicFunction(param) { ms.publicFunction(param); ... }; 或这个 var pf = this.publicFunction; this.anotherPublicFunction(param) { pf(param); ... }; …
77 angularjs 

8
angularjs ng-style:背景图像不起作用
我正在尝试通过使用angular将背景图像应用于div ng-style(我之前尝试过使用具有相同行为的自定义指令),但是它似乎没有用。 <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == false" data-ng-animate="'fade'" ng-cloak> <ul class="navigation-container unstyled clearfix"> <li class="navigation-item-container" data-ng-repeat="(key, item) in navigation" data-ng-class="{ small: $parent.isNavActive, big: isActive == true }" data-ng-mouseenter="isActive = true; isInactive= …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.