-
ngSubmit以Angular 2格式刷新页面
所属栏目:[安全] 日期:2020-12-17 热度:170
我使用Angular2模板创建表单。 当我点击按钮,页面刷新。 我的验证工作正常。 当用户点击按钮时,如何才能停止页面刷新? 以下是我使用的HTML: div class="panel panel-default" div class="panel-heading" h3 class="panel-title"Add Employee/h3 {{model[详细]
-
模态对话框 – Angular UI Bootstrap Modal – 如何防止用户交互
所属栏目:[安全] 日期:2020-12-17 热度:178
在我目前的使用情况下,我试图使用角度模态窗口来显示我们在后台进程中进行的计算过程,我们在完成时禁用。 一切都很好我只想在后台禁用用户点击任何元素。 任何想法我们该怎么做? 打开模态窗口时,可以传递以下选项,以防止用户关闭窗口: 背景:’static[详细]
-
如何在Angular2中正确使用依赖注入(DI)?
所属栏目:[安全] 日期:2020-12-17 热度:69
我一直在试图弄清楚(DI)依赖注入在Angular2中的工作原理。每当我试图向我的组件中注入一个服务或类时,我遇到了很多问题/问题。 从不同的googled文章中,我需要在组件配置中使用提供者:[],或者有时我需要在我的构造函数中使用@Inject()或直接注入引导(app[详细]
-
angular-ui – 在任何ng网格中添加html链接
所属栏目:[安全] 日期:2020-12-17 热度:87
我想添加到ng-grid的链接。 这是我的代码供您参考 html ng-app="myApp" head lang="en" meta charset="utf-8" titleGetting Started With ngGrid Example/title link href="../../Content/ng-grid.css" rel="stylesheet" type="text/css" / script src="../.[详细]
-
角度2:获取对组件中使用的指令的引用
所属栏目:[安全] 日期:2020-12-17 热度:83
我有一个组件的模板看起来像这样: div [my-custom-directive]Some content here/div 我需要访问这里使用的MyCustomDirective类实例。当我想访问一个子组件时,我使用ng.core.ViewChild查询。是否有一个等同的功能来访问子指令? 您可以使用@Directive注释的[详细]
-
AngularJS使用ui-router通过ng-click更改路由
所属栏目:[安全] 日期:2020-12-17 热度:133
如何使用ng-click而不是应用ui-sref的链接来更改route.state。 我试过这个: button ng-click="selectDir(file.fullPath)"set/button 同 $scope.selectDir = function(location) { options.storageLocation = location; $route.current = 'recorder.options'[详细]
-
angularjs – 如何在提供程序中访问$窗口?
所属栏目:[安全] 日期:2020-12-17 热度:140
我想从一个提供者(mymodule.provider(…))访问$窗口)但是我需要在配置时的这种依赖关系(所以我没有把这样的依赖关系放在$ get中)。 目前我没有访问$窗口,并且我在配置时间需要这样的依赖性的原因是因为我需要访问$ window.STATIC_URL,这是窗口中的一个常量[详细]
-
[Angular]路由跳转
所属栏目:[安全] 日期:2020-12-17 热度:65
前言 在Angular中,路由的作用是建立URL路径和组件之间对应关系,根据不同的URL路径匹配出相应的组件并渲染。下面列出项目中代码展示。 正文 跳转按钮代码: a class="plus" (click)="plusmodal()"添加/a 跳转路由代码: plusmodal(){this.router.navigateBy[详细]
-
Angular实现搜索历史的功能
所属栏目:[安全] 日期:2020-12-17 热度:121
思路 效果 demo[详细]
-
AngularJS与BootStrap模仿百度分页
所属栏目:[安全] 日期:2020-12-17 热度:184
AngularJS与BootStrap模仿百度分页 模仿百度的每页显示10条数据,实现了当前页居中的算法. 1 !DOCTYPE html 2 html 3 4 head 5 meta charset = "UTF-8" 6 title BootStrap+AngularJS分页显示 / title 7 script type = "text/javascript" src = "../js/jquery.[详细]
-
Angular5 IonIC3 实现页面滚动加载
所属栏目:[安全] 日期:2020-12-17 热度:99
前言 最近在做一个移动端的项目,需要应用滚动加载的效果,开始是想通过JS自己写个方法,但是实际操作中发现代码设计比较复杂。最终通过IonIC框架的方法很好的实现了想要的效果,如下图: 实现效果 当滚动条距离底部一定距离时触发加载事件: 代码块 //html[详细]
-
Angular进阶(二)——通过实例深入理解组件通信
所属栏目:[安全] 日期:2020-12-17 热度:96
前言 Angular2的核心理念是组件,组件可以让我们的代码更加整洁,通过父子之间的传值可以节省更多代码量,下面我们就深入介绍一下 内容 组件的基本组成 必备元素: 装饰器(@Component) 模板(Template) 控制器 (Controller) 可选注入对象 输入属性(@In[详细]
-
Angular网络请求的封装
所属栏目:[安全] 日期:2020-12-17 热度:121
很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的。 这里我来说说我自己的网络请求封装,某种意义上来说,angular自己的网络请求封装的很好的,我们没有必要再来画蛇添足[详细]
-
angularjs使用指令实现table导出csv
所属栏目:[安全] 日期:2020-12-17 热度:182
最近项目中用户提出希望将查询到的表格导出为excel。由于导出的数据条目不多,遂使用前台直接导出为csv的方法来实现。 基本思路 获取table中的数据。 将每个单元格的数据用 , 分离。 将每行中的数据用'n'分离。 伪造一个 a 链接,并模拟点击该链接,点击后删[详细]
-
angularjs – 使用ControllerAs与指令
所属栏目:[安全] 日期:2020-12-17 热度:53
我试图遵循John Papa的angularJS风格指南 here,并已经开始将我的指令转换为使用controllerAs。但是,这不行。我的模板似乎无法访问分配给vm的任何内容。看到这个非常简单的plnkr示例,展示了行为。 http://plnkr.co/edit/bVl1TcxlZLZ7oPCbk8sk?p=preview an[详细]
-
angularjs – 为什么ng风格不像自定义指令在同一个元素上工作?
所属栏目:[安全] 日期:2020-12-17 热度:83
我试图将ng-style属性应用于自定义指令标签,类似于: my-directive ng-style="myStyle"/my-directive 在控制器里面我有: $scope.myStyle = { "background": "red"} 这似乎不行。当我检查HTML’MyStyle’没有被渲染。当我在普通div上应用相同的ng样式标签时[详细]
-
angularjs – 逐行加载图像的ng重复,角度js
所属栏目:[安全] 日期:2020-12-17 热度:75
我希望你能帮忙,一直在互联网上寻找解决方案,找不到.. 当您向下滚动页面时,您是否知道如何实现逐行加载的内容?否则1000张图像将在同一时间加载。 非常感谢。 使用无限滚动指令。 ngInfiniteScroll DEMO HTML div ng-app='myApp' ng-controller='DemoCont[详细]
-
角 – 没有提供ConnectionBackend
所属栏目:[安全] 日期:2020-12-17 热度:113
所以最近我不得不更新到最新版本的Angular2,RC.6。最大的突破性变化似乎是整个引导(通过“引入”ngModule)。 @NgModule({ imports: [HttpModule,BrowserModule,FormsModule],schemas: [CUSTOM_ELEMENTS_SCHEMA],declarations: [AppComponent,...],providers[详细]
-
angularjs – 如何不发送带有请求体的url模板参数?
所属栏目:[安全] 日期:2020-12-17 热度:90
假设我有一个这样设置的资源: resource = $resource( "http://foo.com/service/:type/:id",{},{save: {method:'PUT',params: {type:'@type',id: '@id'}}});resource.save({type:'user',id:14,name:'Bob Dole'}); 有什么办法可以防止类型和身份被提交作为请[详细]
-
anglejs – 角度$注射器可以用$provide.decorator装饰吗?
所属栏目:[安全] 日期:2020-12-17 热度:137
也许这是一个可怕的想法,但是如果是,那么请告诉我为什么,然后假装这是一个不会看到生产中的光的学术活动。 我想为Angular $ Injection服务添加一些逻辑,以监控某些服务是否注入其他服务。由于Angular似乎提供了一种装饰服务的机制,所以我认为这是一种方[详细]
-
单元测试 – 如何在AngularJS中测试具有解析属性的控制器?
所属栏目:[安全] 日期:2020-12-17 热度:185
如何测试控制器具有解决属性? 它抛出一个错误:未知的提供者:InitProvider,在测试期间,可以理解。 如何测试? 我使用route config中的init属性来加载数据,并通过控制器实例将其传递给控制器??,因此路由在数据加载之前不会更改。 $routeProvider .when([详细]
-
Angular4_Cannot read property 'value' of und
所属栏目:[安全] 日期:2020-12-17 热度:155
Cannot read property 'value' of undefined 出错代码 div class="modal-body" style="padding: 50px;" p style="text-align:center;"Packaging Type/p select class="form-control customSelect" [(ngModel)]="popuppackagingType" name="popuppackagingTyp[详细]
-
如果用户登录了AngularJS,则重定向索引页
所属栏目:[安全] 日期:2020-12-17 热度:133
我想改变用户在访问我的网站时看到的页面。如果他们是匿名的,他们应该看到注册页面。如果他们已经登录,他们应该看到他们的仪表板。 我有一个服务,检查用户是否登录(例如检查cookie),当Angular服务加载时触发。我尝试使用$ routeProvider重定向,但是当$[详细]
-
angularjs – 如何隐藏ng网格中的列
所属栏目:[安全] 日期:2020-12-17 热度:85
这是我的代码: 的index.html !DOCTYPE htmlhtml ng-app="myApp"head meta charset="utf-8" / titleAngularJS Plunker/title link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng- grid/css/ng-grid.css" / link rel="stylesheet"[详细]
-
angularjs – Angular JS – 如何处理重复的HTML代码,如页眉/页
所属栏目:[安全] 日期:2020-12-17 热度:85
我只是读了 introduction to Angular JS,但是我没有看到任何一种方式来编码你的HTML标题代码和页脚代码,只需一次,并将其包含在所有的页面中。 有没有官方/推荐的方式来做到这一点? 正式的方法是使用 ngInclude指令,该指令“抓取,编译并包含外部HTML片[详细]