Questions tagged «angularjs»

我们希望将用户的授权信息存储在cookie中，该信息在浏览器刷新（F5）时不会丢失。 如果用户在登录时选择了“记住我”复选框，我们希望将授权信息存储在“永久cookie”中。

80 javascript  cookies  angularjs  session-cookies  angular-cookies 

我是AngularJS的新手。我搜索了很多，但是并不能解决我的问题。 我第一次在选择框中得到一个空白选项。 这是我的HTML代码 <div ng-app="MyApp1"> <div ng-controller="MyController"> <input type="text" ng-model="feed.name" placeholder="Name" /> <select ng-model="feed.config"> <option ng-repeat="template in configs">{{template.name}}</option> </select> </div> </div> JS var MyApp=angular.module('MyApp1',[]) MyApp.controller('MyController', function($scope) { $scope.feed = {}; //Configuration $scope.configs = [ {'name': 'Config 1', 'value': 'config1'}, {'name': 'Config 2', 'value': 'config2'}, {'name': 'Config 3', 'value': 'config3'} ]; …

80 angularjs  angularjs-select 

在问这个问题之前，我已经提到了这一点。 AngularJs不与ng-model绑定ng-checked 如果在侧面ng-checked评估为，则不会更新。我无法按照上述问题的建议进行操作，因为我必须为每个复选框使用一些样式。truehtmlng-modelng-repeat 这是我为了说明我的问题而创建的插件。 http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t 要查看我想要的内容，请打开控制台，然后单击Submit按钮。请不要选中任何复选框。 提前致谢！

80 angularjs  angularjs-ng-model  angularjs-ng-checked 

很抱歉这个愚蠢的问题，每个人都知道如何开始使用AngularUI吗？我已经从Github下载了它，并阅读了README中的说明，但是仍然不明白我该怎么做。

79 angularjs  angular-ui 

是否可以对Angular中的两个对象进行“深度”比较？我想做的是比较每个键/值对。例如： 对象1 { key1: "value1", key2: "value2", key3: "value3" } 对象2 { key1: "value1", key2: "newvalue", key3: "value3" } 我需要的是比较失败，因为只有键/值对之一是不同的。换句话说，所有键/值对必须完全匹配，否则将失败。这是Angular中已经内置的东西吗？我确信如果确实需要，我可以编写自己的服务，但我希望它已经内置。类似于angular.equals。

79 angularjs 

我正在尝试使用动态设置div宽度ng-style，但未应用样式。这是代码： <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> 控制器： var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 我想念什么？ 小提琴链接：小提琴

79 css  angularjs  ng-style 

我想angular.js在我的网站上使用我的图像编辑工具。我node.js还需要吗？ 我不了解这种情况。如果我不需要它，那么我们什么时候可以同时使用nodejs和angularjs？

79 javascript  node.js  angularjs 

我有一个AngularJS指令，该指令在以下模板中呈现实体集合： <table class="table"> <thead> <tr> <th><input type="checkbox" ng-click="selectAll()"></th> <th>Title</th> </tr> </thead> <tbody> <tr ng-repeat="e in entities"> <td><input type="checkbox" name="selected" ng-click="updateSelection($event, e.id)"></td> <td>{{e.title}}</td> </tr> </tbody> </table> 如您所见，在<table>这里可以单独选择每一行并带有自己的复选框，也可以一次选中位于中的主复选框来一次选择所有行<thead>。相当经典的用户界面。 最好的方法是： 选择单行（即，选中复选框时，将所选实体的ID添加到内部数组，然后将CSS类添加到<tr>包含该实体的CSS类以反映其所选状态）？ 一次选择所有行？（即，针对中的所有行执行上述操作<table>） 我当前的实现是将自定义控制器添加到我的指令中： controller: function($scope) { // Array of currently selected IDs. var selected = $scope.selected = []; // Update the selection when …

79 javascript  angularjs 

我正在AngularJS中构建仪表板系统，但遇到通过设置URL的问题 $location.path 在我们的仪表板中，我们有一堆小部件。单击它们时，每个视图都会显示一个更大的最大化视图。我们正在尝试设置深层链接，以允许用户使用最大化的小部件链接到仪表板。 目前，我们有2条路线看起来像/dashboard/:dashboardId和/dashboard/:dashboardId/:maximizedWidgetId 当用户最大化窗口小部件时，我们使用来更新url $location.path，但这会导致视图重新呈现。由于我们拥有所有数据，因此我们不想重新加载整个视图，我们只想更新URL。有没有一种方法可以设置url而不会导致视图重新呈现？ HTML5Mode设置为true。

79 angularjs  angularjs-routing 

是否可以通过使用浏览器中的历史记录后退按钮检测到用户输入了页面？最好是我想使用angular.js检测到此动作。 我不想使用角度布线。如果用户提交表单，并且在成功提交到服务器并进行重定向之后，它也应该起作用，如果用户使用浏览器的“后退”按钮返回到表单，也应该可行。

79 javascript  jquery  angularjs 

HTML： <a href="mysite.com/uploads/asd4a4d5a.pdf" download="foo.pdf"> 当数据库中保留真实姓名时，上传将获得唯一的文件名。我想实现一个简单的文件下载。但是由于以下原因，上面的代码重定向到/： $routeProvider.otherwise({ redirectTo: '/', controller: MainController }); 我尝试过 $scope.download = function(resource){ window.open(resource); } 但这只是在新窗口中打开文件。 有什么想法如何为任何文件类型启用真正的下载吗？

78 angularjs 

在对Angular工厂进行单元测试（使用Karma + Jasmine）时，如何将存根依赖项注入到要测试的工厂中？ 这是我的工厂： mod = angular.module('myFactoryMod', []); mod.factory('myFactory', [ '$log', 'oneOfMyOtherServices', function($log, svc) { return makeSomethingThatDoesSomethingWithTheseDependencies($log, svc); } ]); oneOfMyOtherServices 实例化我的工厂时需要。 这是我的测试： it('can get an instance of my factory', function() { var oneOfMyOtherServicesStub; angular.mock.module('myFactoryMod'); oneOfMyOtherServicesStub = { someVariable: 1 }; //****How do I get my stub in my target? …

78 angularjs  jasmine  karma-runner 

我正在尝试对文件更改进行一些验证。这是我的代码： 视图/模板 <input type="file" name="file" id="file" onchange="angular.element(this).scope().setFile(this)" required /> <span class="error" ng-show="myForm.file.$error.required">Error</span> <span class="error" ng-show="myForm.file.$error.size">Selected file is too large</span> <span class="error" ng-show="myForm.file.$error.filetype">Unsupported File type</span> 控制者 angular.module("myapp").controller("myctrl", function($scope) { $scope.setFile = function(element) { $scope.$apply(function($scope) { var fileObject = element.files[0]; $scope.file.fileType = fileObject.type.toUpperCase().substring(fileObject.type.indexOf("/") + 1); // Validation if (!$scope.isValidFileType($scope.file.fileType)) { myForm.file.$setValidity("myForm.file.$error.filetype", false); …

78 javascript  angularjs  angularjs-controller  angularjs-forms 

是否可以在Angularjs中使用锚链接？ 即： <a href="#top">Top</a> <a href="#middle">Middle</a> <a href="#bottom">Bottom</a> <div name="top"></div> ... <div name="middle"></div> ... <div name="bottom"></div> 谢谢

78 angularjs 

我正在使用angular-ui-router库，URL出现问题。 我有以下代码： app.js： app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('state', { url: '/state', templateUrl: 'templates/state.html', onEnter: function () { /*... code ...*/ } })}); index.html： <a href="#/state">STATE</a> 这行得通，但是当我从<a>标记中删除“＃”时，此行不通。 如何从网址中删除“＃”符号？

78 javascript  angularjs  angular-ui-router