-
typescript – 如何在容器中放置动态组件
所属栏目:[安全] 日期:2020-12-17 热度:178
我想创建动态组件并将这些组件的视图插入到容器中。 我认为这可以通过ViewContainerRef实现。 但是我不知道,我们可以得到任何组件的ViewContainerRef吗?如果是,那么怎么样? 如果有其他好的解决方案可以处理这种情况,我是新手角色的,请建议我。 更新 我[详细]
-
angular2 – CUSTOM_ELEMENTS_SCHEMA添加到NgModule.schemas仍然
所属栏目:[安全] 日期:2020-12-17 热度:179
我刚刚从角色2 rc4升级到rc6,并有麻烦这样做。 我在我的控制台上看到以下错误: Unhandled Promise rejection: Template parse errors:'cl-header' is not a known element:1. If 'cl-header' is an Angular component,then verify that it is part of this[详细]
-
angular2 – 选择器“my-app”与任何元素都不匹配
所属栏目:[安全] 日期:2020-12-17 热度:97
问题是当我运行我的应用程序,它的工作正常。但是当我刷新它,大部分时间我得到下面的msg。 The selector “my-app” did not match any elements 但奇怪的是,很多时候,当我刷新我的应用程序,它也是。 所以最终我有一个奇怪的行为我的应用程序,无法弄清[详细]
-
websocket – Angular2视图在更新数据后不会更改
所属栏目:[安全] 日期:2020-12-17 热度:200
我尝试在websocket事件返回更新的数据后更新我的视图。 我在我的应用程序中注入了一个服务,并在服务上调用getData()方法。此方法向我的NodeJS服务器发出一个socket.io事件,该服务器又执行外部api调用并解析一些数据。 NodeJS服务器然后使用我在服务中收听[详细]
-
Angular Websockets 示例
所属栏目:[安全] 日期:2020-12-17 热度:190
视频连接:Angular Websockets Tutorial 源码连接:angular-websockets[详细]
-
使用Angularjs和Vue.js对比
所属栏目:[安全] 日期:2020-12-17 热度:124
使用Angularjs和Vue.js对比 之前项目都是使用Angularjs,(注明此处主要讲Angularjs 1)在初步使用Vue.js后做一个简单的对比笔记。 首先从理论上简单说一下各自的特点,之后再用几个小的例子加以说明。 Angular 1,MVVM(Model)(View)(View-model) 2,模块[详细]
-
Angular(一)--前端框架angular、React、Vue的对比
所属栏目:[安全] 日期:2020-12-17 热度:88
前端框架近些年来发展地很快,主流的框架主要angular、React、Vue等,对这三个框架进行宏观对比,便于选择。 一、angular angular是一款优秀的前端的JS框架,已经被Google等多款产品使用。 特性: 1、良好的应用程序结构 2、双向数据绑定 3、指令 4、HTML模[详细]
-
【Angular】--路由与导航
所属栏目:[安全] 日期:2020-12-17 热度:119
【前言】 最近小编在学习angular前端框架,对于angular不是特别的熟悉,接下来总结一下最近的学习。 【正文】 要使用路由,我们需要在 AppModule 模块中,导入 RouterModule 。具体如下: import { NgModule } from '@angular/core'; import { BrowserModule[详细]
-
Angular何时需要Unsubscribe
所属栏目:[安全] 日期:2020-12-17 热度:137
需要unsubscribe的情况 Forms — export class TestComponent { ngOnInit() { this.form = new FormGroup({...}); this.valueChanges = this.form.valueChanges.subscribe(console.log); this.statusChanges = this.form.statusChanges.subscribe(console.lo[详细]
-
ionic实现下载文件并打开功能(file-transfer和file-opener2插件
所属栏目:[安全] 日期:2020-12-17 热度:64
作为一款app,下载文件功能,和打开文件功能,在某些场景下还是十分有必要的。使用cordova-plugin-file-transfer和cordova-plugin-file-opener2这两个插件能够在ionic比较容易的实现这个功能。 1、安装: cordova plugin add cordova-plugin-file-transferco[详细]
-
angularjs – Angular.js:是否可以根据现有范围数据重新绘制重
所属栏目:[安全] 日期:2020-12-17 热度:61
我在我的视图中有一堆连接的ul列表,它们正在使用jQuery UI:Sortable指令,以便于列表项的拖放和重新排序。 我通过jQuery UI拖放所做的更改我使用$ apply函数应用于$范围,这部分工作… 现在我遇到的问题是,在这些列表中,我提供了一个用户需要填写的自定[详细]
-
【Angular】---服务
所属栏目:[安全] 日期:2020-12-17 热度:132
们在组件中需要某个服务的实例时,不需要手动地创建这个实例。只需要在构造函数的参数中指定这个实例的变量,以及这个实例的类。然后angular会根据这个类的名字找到providers属性里边指定的同名provide,再找到它对应的useClass,最终自动创建这个服务的实例[详细]
-
angular2 利用路由制作breadcrumb面包屑
所属栏目:[安全] 日期:2020-12-17 热度:60
原文地址 Angular2 Breadcrumb using Router 在web领域 面包屑依旧是ui导航的必备元素之一,我们将用angular的Router来制作一个breadcrumb面包屑 Demo Check out my demo plunker: https://plnkr.co/edit/aNEoyZ?p=preview Router 首先 让我们快速浏览一下ap[详细]
-
angular nodejs npm
所属栏目:[安全] 日期:2020-12-17 热度:78
http://blog.csdn.net/daihuimaozideren/article/details/78566757 不过没把cnpm设为global: 没写这句: ng set -- global packageManager=cnpm ng new AngularTest进入项目后( cd AngularTest)ng serve 默认 4200 写的很棒的入门小作品: https://www.angu[详细]
-
【angular】——高德地图结合angular4获取地图中某一点信息
所属栏目:[安全] 日期:2020-12-17 热度:175
高德demo地址:http://lbs.amap.com/api/javascript-api/example/amap-ui-poipicker/index 高德地图结合angular4 实现下拉框获取某一个点的poi信息。 实现步骤: 第一步:在index.html中引入高德地图相关api。根据具体项目的需求建立不同的项目获取不同key值[详细]
-
高级 Angular 组件模式 (4)
所属栏目:[安全] 日期:2020-12-17 热度:87
04 Avoid Namespace Clashes with Directives 原文: Avoid Namespace Clashes with Directives 提示 在同一个 html 元素上绑定多个指令可能会造成命名冲突。 命名冲突不仅存在于指令的选择器之间,同时也会存在于指令的 Inputs 和 Outputs 属性,当这些属性[详细]
-
angularjs – $routeParams在主控制器中为空
所属栏目:[安全] 日期:2020-12-17 热度:52
我有这块布局html: body ng-controller="MainController" div id="terminal"/div div ng-view/div !-- including scripts --/body 现在显然,当我尝试在MainController中使用$ routeParams时,它总是空的。重要的是要注意,MainController应该在每个可能的[详细]
-
angularjs – 如何访问Angular指令中的dom元素
所属栏目:[安全] 日期:2020-12-17 热度:183
我试图附加一个keyup事件给一个指令一个我的Angular项目。这里是指令: angular.module('clinicalApp').directive('chatContainer',function() { return { scope: { encounter: '=',count: '=' } templateUrl: 'views/chat.container.html',link: function(s[详细]
-
angular2 rc.5自定义输入,用于具有未指定名称的表单控件的无值访
所属栏目:[安全] 日期:2020-12-17 热度:134
我有这样简单的自定义输入组件, import {Component,Provider,forwardRef} from "@angular/core";import {ControlValueAccessor,NG_VALUE_ACCESSOR} from "@angular/forms";const noop = () = {};const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = { provid[详细]
-
angularjs – Angular $http:在’timeout’配置上设置一个承诺
所属栏目:[安全] 日期:2020-12-17 热度:166
在角度 $http docs中,它提到您可以将“超时”配置设置为数字或承诺。 timeout – {number|Promise} – timeout in milliseconds,or promise that should abort the request when resolved. 但我不知道如何使用承诺使这项工作。我如何设定一个数字和承诺?[详细]
-
angular 动画 query用法
所属栏目:[安全] 日期:2020-12-17 热度:121
query API 翻译 function query (selector: string,animation: AnimationMetadata | AnimationMetadata[],options: AnimationQueryOptions | null = null) : AnimationQueryMetadata ; 描述 query是一个动画特效function被用于angular的动画DSL领域语言 quer[详细]
-
Angularjs如何在切换路由时取消资源承诺
所属栏目:[安全] 日期:2020-12-17 热度:178
我只是让我的脚湿润了Angularjs。我有一个我认为与承诺有关的问题。 假设我加载路由’A’,通过它的控制器使多个ajax请求: allSites = AllSites.query({ id:categoryID });allSites.$promise.then(function(allSites){ //add stuff to the scope and does o[详细]
-
AngularJS ng-repeat添加逗号分隔和最后一个项目之前
所属栏目:[安全] 日期:2020-12-17 热度:58
我有一个项目列表… $scope.Users =[{ UserName: ''}]; 在我看来,我想列出这些,假设我的$ scope只有4个项目:用户 Username1,Username2,Username3 and Username4span data-ng-repeat="user in Users"{{user.Username}}/span{{$last ? '' : ','}} 上面的表[详细]
-
anglejs – 如何在Angular中运行块中等待承诺?
所属栏目:[安全] 日期:2020-12-17 热度:89
在引导角度之前,我真的需要一些数据加载。因此,我创建了一个运行块/在这个运行块中,我调用了一个从服务器加载一些数据的服务的方法。由于这是一个异步调用,JavaScript会进一步执行,这导致我的应用程序中的一些未定义的对象。 我正在使用路由,但是它不[详细]
-
anglejs – 使用角度材料与量角器进行E2E测试有任何问题吗?
所属栏目:[安全] 日期:2020-12-17 热度:91
我经历了在量子分析器常见问题中使用$ timeout进行轮询的间歇性超时(AKA:waitForAngular超时)。我不知道在不投票的情况下是否也失败了。对于我的团队来说,随着我们依赖于角度材料部件,它更加光明。他们在动态交互中很重,不断使用$ timeout(func,0)。 这[详细]