草庐IT

ng-material

全部标签

javascript - 如何从 angularjs ng-route 中删除哈希#

我正在尝试使用locationProvider从angularjs中的url路由中删除主题标签,但它给了我错误。应用程序.jsvareclassApp=angular.module('eclassApp',['ngRoute','eclassControllers',]);eclassApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProvider.when('/',{templateUrl:'/html/student-list.html

javascript - Angular Material 和 Safari 浏览器

我注意到Safari不能很好地与AngularMaterial配合使用。看起来兼容性问题无处不在:样式、布局等。有没有其他人遇到过这些问题并且对如何很好地解决这些问题有很好的建议? 最佳答案 在提问的时候,Safari中的AngularMaterial确实存在问题:布局(主要是与flex相关的问题)对话框(位置计算错误/对话框折叠)性能(一些精美的动画,包括涟漪、点击坐标缩放等)您在v0.10.1版本中使用AngularMaterial,实际上一般情况下存在很多问题。然而,如今(实际上在AngularMaterialv1.x之后),

javascript - 如何在 ng-repeat 中对 JSON 数据进行排序?

我正在获取服务器响应并绑定(bind)这些数据以使用ng-repeat查看。现在我想按priceList和name对这些数据进行排序。我可以使用orderBy对名称进行排序,但不能使用priceList。我想根据priceList对产品进行排序。按名称排序会改变列表的顺序,而按priceList排序只会影响每个category的products的顺序。它会影响显示类别的顺序。请帮我解决这个问题。我的代码:Sortingpredicate={{predicate}};Nameprice`{{vals.partTerminologyName}}:Position:{{vals.positi

javascript - 调试 : ng-click and non-existent functions

在解决问题之前,我有一个元素(在HTML模板内)带有ng-click,它调用了一个不存在的函数。有没有办法启用严格模式(比如在JS中使用严格模式)或类似的东西来在控制台中看到此类问题?更新:我也尝试过$compileProvider.debugInfoEnabled(true)但没有成功 最佳答案 简短回答:在原始AngularJS中没有执行此操作的选项,但是可以通过hack来完成。长答案:您在DOM事件处理指令中使用的表达式(例如ng-click、ng-keydown和ng-submit)由Angular的$parse编译。服务。

javascript - Bootstrap (4) 可以与 Angular Material (2) 一起集成吗?

我想使用AngularMaterial2库,因为它的(不断增加的)组件列表。但我习惯于Bootstrap,它是响应式实用程序和典型事物的轻量级UI之类的好东西。我所说的Bootstrap主要是指它的CSS部分,我几乎从不需要它的JS功能。例如,在Materiallilbrary中,列表组的样式几乎为零,而Bootstrap则通过其css提供了样式。我记得读过,将它们结合起来并不是一个好主意,主要是因为它们的全局应用程序范围样式会发生冲突。我找不到那个来源,我很好奇-当前版本是这样吗?如果是这样,究竟有什么冲突以及如何解决? 最佳答案

javascript - 在集合中的二级更改后重新渲染 ng-options

问题我有一个组合框,基本上是一个select元素,通过ng-options填充了一组复杂对象。当我更新二级集合的任何对象时,此更改不会应用到组合框。这也是documented在AngularJS网站上:Notethat$watchCollectiondoesashallowcomparisonofthepropertiesoftheobject(ortheitemsinthecollectionifthemodelisanarray).Thismeansthatchangingapropertydeeperthanthefirstlevelinsidetheobject/collect

javascript - 如何在angularjs中将ng-model的初始值设置为空字符串?

我希望能够为模型的属性设置初始值如上所示,我希望属性的值为空字符串,以便最初用空字符串实例化输入文本字段。但是,目前ng-model="selectedModel.title"覆盖了value=""。我如何克服这个问题? 最佳答案 在Controller中设置初始值你应该在你的Controller中这样做:angular.module('MyModule').controller('myController',function($scope,MyService){$scope.selectedModel={title:''};}//

javascript - 如何替换使用 ng-repeat 显示的数组中的对象?

我有一个使用ng-repeat显示在表格中的项目数组。当您单击某个项目时,该项目将从服务器中拉出,然后应使用更新后的项目更新表格。单击表格中的项目时获取更新项目的功能:$scope.getUpdatedItem=function(item){itemService.getItem(item).then(function(updatedItem){item=updatedItem;},function(error){//Handleerror});};我正在使用以下方式显示项目:问题:表中的项目永远不会更新。在ng-repeat中更新项目的最佳方法是什么?我可以在ng-repeat中为此

javascript - 如何使用 ReactJS 通过 Material UI Dialog 提交表单

我使用MaterialUI对话框制作了一个表单列表。官方案例:Thisdialogspanstheentirewidthofthescreen.Action是:constactions=[,,];如何构建表单并让Dialog可以提交我的表单数据?---------------------------------------------更新--------------------------------------------还有一个答案:在Dialogactions按钮中添加type和form属性:constactions=[,,];并在对话框中为表单提供属性id://herecanp

javascript - 为嵌入式 ng-templates 执行的 Angular HTTP 拦截器

我有一个Angular拦截器在工作:factory('myHttpInterceptor',function($q,$location,$rootScope){//dosomethingreturnfunction(promise){returnpromise.then(function(response){//dosomethingreturnresponse;},function(response){//dosomethingreturn$q.reject(response);});};})和一个大的html文件,其中包含类似的模板.不幸的是,我的HTTP拦截器不仅拦截了加载HTT