Tag: angularjs

离子指令VS带有ionic framework的angular度材料指令: 我想用材料devise的离子。我坚持使用离子指令与自定义CSS和angular材料我已经阅读，使用离子指令，我们得到了很多有效的function 即使在导航到其他视图并返回到页面之后，应用程序数据也会记住使用UI路由器离子列表项只呈现到显示高度，并在向下滚动或向上滚动时重新使用和很多的性能改进。但是，如果我使用离子指令，他们没有材料devise。如果使用angular度材质，我不会有这些性能改进，以及移动应用程序所需的额外function。 angular度材料指令就像 <md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list> 离子指令就像 <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> 看起来像Ionic资助angular材料项目开发，那么为什么angular材料不兼容使用离子？我怎样才能使用angular材料组件而不会失去性能改进和离子特性？要么使用离子材料devise有更好的主意吗？

（Angular-ui-router）在parsing过程中显示加载animation: 这是一个两部分问题：我正在使用$ stateProvider.state（）中的resolve属性在加载控制器之前获取某些服务器数据。在这个过程中，我将如何获得加载animation？我有孩子国家，也利用决心财产。问题是，ui路由器似乎要加载任何控制器之前最终确定所有解决scheme。有没有办法让父控制器加载一旦他们的决议已经解决，而不必等待所有的孩子的决议？对此的回答也可能解决第一个问题。

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

如何使用ng-style设置div宽度: 我正在尝试使用ng-styledynamic设置div宽度，但它不应用样式。这里是代码： <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"; }); 我错过了什么？小提琴链接：小提琴

Angular.noop用于什么？: 即使在Angular.org文档中，我也尝试过在任何地方进行search，但找不到任何有关实现的详细解释。如果能解释的话，这将是非常有帮助的。

响应式下拉导航栏与angular度UI引导（完成在正确的angular度types的方式）: 我使用angular-ui-boostrap的模块“ui.bootstrap.dropdownToggle”创build了一个带有下拉导航栏的JSFiddle： http : //jsfiddle.net/mhu23/2pmz5/ <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="#"> My Responsive NavBar </a> <ul class="nav"> <li class="divider-vertical"></li> <li class="dropdown"> <a href="#" class="dropdown-toggle"> Menu 1 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#/list">Entry 1</a> </li> <li><a href="#/list">Entry 2</a> </li> </ul> </li> …. </ul> </div> </div> </div> 据我所知，这是实现这样一个下拉菜单适当的，angular度的方式。就angularjs而言，“错误”的方式是包含bootstrap.js并使用“data-toggle =”dropdown“…我在这里吗？现在，我想添加响应行为，我的导航栏完成在下面的小提琴： http : […]

每当打开/显示视图时运行控制器function: 我正在构build一个angular度+离子的应用程序，在底部使用一个经典的三键菜单，其中有三个离子选项卡。当用户点击一个标签时，该模板通过UI路由器打开。我有这样的状态： $stateProvider .state('other', { url: "/other", abstract: true, templateUrl: "templates/other/other.html" }) 在模板中，我做的是这样的： <ion-nav-view name="other" ng-init="doSomething()"></ion-nav-view> 我知道我可以在我的控制器中写入doSomething（）函数，并在那里手动调用它。这给了我同样的问题，但。我似乎无法找出如何打开doSomething（）函数多次，只要有人打开该视图。现在，doSomething（）函数被调用的很好，但只有在用户第一次打开view / tab的时候。我想调用一个函数（更新地理位置），只要用户打开该视图或标签。什么将是一个正确的方式来实现呢？感谢您的帮助！

在标记中设置angular度范围variables: 简单的问题：我怎样才能在HTML中设置范围值，由我的控制器读取？ var app = angular.module('app', []); app.controller('MyController', function($scope) { console.log($scope.myVar); }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='app'> <div ng-controller="MyController" app-myVar="test"> {{myVar}} </div> </div> JSFiddle： http : //jsfiddle.net/ncapito/YdQcX/

在AngularJS中使用ng-repeat筛选结果中的第6至10个结果: 我在文档中看到了limitTofilter，它允许我限制前5个或后5个结果，但是我想设置限制开始的位置，以便显示第二组5个结果。有没有内置的filter？

构造一个Node.js和AngularJS应用程序: 我即将尝试我的第一个AngularJS项目，使用Node.js作为后端是有意义的，尽pipe这意味着同时从头开始学习AngularJS和Node.js。我试图让我的头脑第一件事是一个很好的文件结构。到目前为止，我的纯HTML / CSS模板具有以下目录结构… _site/ Fonts/ Javascript/ SASS/ Stylesheets/ Index.html （_site是PSD的工作目录等）我在这里find了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/ –> JavaScript files app.js […]