在Angular 4中动态创建组件,您可以使用ngComponentOutlet指令:https://angular.io/docs/ts/latest/api/common/index/NgComponentOutlet-directive.html 这样的事情: 动态组件@Component({selector: 'dynamic-component',template: `Dynamic component` }) export class DynamicComponent {@Input() info: any; }应用@Component({selector: 'my-app',template: `App<br><ng-container *ngComponentOutlet="component"></ng-contai...
如何在Angular2中取消订阅? RxJS似乎有一个dispose方法,但我无法弄清楚如何访问它.所以我有代码可以访问EventEmitter并订阅它,如下所示:var mySubscription = someEventEmitter.subscribe((val) => {console.log('Received:', val);},(err) => {console.log('Received error:', err);},() => {console.log('Completed');} );如何使用mySubscription取消订阅?解决方法:你想取消订阅吗?mySubscription.unsubscribe();
参见英文答案 > Possibly unhandled rejection in Angular 1.6 9个我们在Angular应用程序中有一个解决承诺的模式,直到Angular 1.6.0为止我们一直很好:resource.get().$promise.then(function (response) {// do something with the response}, function (error) {// pass the error the the error servicereturn errorService.handleError(error);});以下是我们如何在Karma中触发错误:resour...
我正在使用AngularJS,$resource& $http并使用apis,但由于安全原因,我需要发出HTTPS请求(在HTTPS协议下工作). 在AngularJS中使用https的方法是什么?谢谢你的帮助.解决方法:像往常一样使用$http api:$http.get('/someUrl').success(successCallback);如果您的应用程序是通过HTTPS提供的,那么您正在进行的任何调用都是通过HTTPS进行相同的主机/端口等. 如果您为请求使用完整的URI,例如$http.get(‘http://foobar.com/somePath’)然后...
我有一个使用jqGrid创建的表.我打算添加一个popover功能,这样当用户单击一个单元格/网格时,就会显示一个自定义弹出窗口.我计划使用角度ui bootstrap的popover. 我有我的网格,我也有我的按钮,可以显示一个弹出窗口.但是当我试图将两者结合起来时,它不起作用.我尝试使用我的一个colModel执行此操作:formatter: function(cellvalue, options, rowObject){return "<button class='btn btn-primary' popover-placement="top" ng-click=...
我想从当前URL中提取数据并在控制器中使用它.例如,我有这个网址:app.dev/backend/surveys/2我要提取的位:app.dev/backend/ :type / :idAngular中有什么可以帮助我完成这项任务吗?解决方法:使用ngRoute从URL获取参数.这意味着您需要在应用程序中包含angular-route.js作为依赖项.更多信息如何在官方ngRoute documentation上执行此操作. 问题的解决方案:// You need to add 'ngRoute' as a dependency in your app angular.module...
我有一个具有一系列对象属性的对象,它们具有以下类似结构(这是数据从服务返回的方式):{"1": {"type": "foo","name": "blah"},"2": {"type": "bar"},"3": {"type": "foo"},"4": {"type": "baz"},"5": {"type": "test"} }当我进行ng-repeat时,我可以遍历所有这5个对象,例如:<div ng-repeat="item in items">{{item.type}}</div>但是,我真正想要做的只是迭代那些不是“foo”类型的项目,即3次迭代而不是5次.我知道过滤器可以某种方式...
我想加载内联视图模板. 我将模板包装在text / ng-template类型的脚本标记中,并将id设置为temp1.html.这是我的模块配置的样子learningApp.config(function ($routeProvider) {$routeProvider.when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"}).when("/second", {controller: "SimpleController", templateUrl: "temp2.html"}).otherwise({redirectTo : "/first"}); });它告诉我在我的控制台窗口中获取h...
参见英文答案 > How to use bootstrap 4 in angular 2? 11个app.component.html index.html app.component.ts我试图在angular.json包中添加样式依赖项,但显示找不到该模块.添加两个引导程序文件.这是两个文件的屏幕截图 angular.json文件就像这个angular.json file解决方法:您使用的是Angular v6而不是2Angular v6 Onwards角度6以上的CLI项目将使用angular.json而不是.angular-cli.json进行构建...
Angular材料引入了一个新的日期选择器组件here. 我希望此组件返回的日期格式为yyy-mm-dd,但我不确定这是如何完成的.通过搜索我发现可以使用$mdDateLocaleProvider,但我找不到使用它的示例. 有人能告诉我一个格式化md-datepicker返回日期的工作示例吗?解决方法:Angular Material文档中有一个$mdDateLocaleProvider的文档.angular.module('app').config(function($mdDateLocaleProvider) {$mdDateLocaleProvider.formatDate = funct...
我想在我的App中添加一个App Settings部分,它将包含一些consts和预定义的值. 我已经读过使用OpaqueToken的this answer但它在Angular中已被弃用.这个article解释了这些差异,但没有提供完整的例子,我的尝试都没有成功. 这是我尝试过的(我不知道这是不是正确的方法)://ServiceAppSettings.tsimport {InjectionToken, OpaqueToken} from "@angular/core";const CONFIG = {apiUrl: 'http://my.api.com',theme: 'suicid-squad',title: '...
我需要对范围和模板执行一些操作.似乎我可以在链接函数或控制器函数中执行此操作(因为它们都可以访问范围). 什么时候我必须使用链接功能而不是控制器?angular.module('myApp').directive('abc', function($timeout) {return {restrict: 'EA',replace: true,transclude: true,scope: true,link: function(scope, elem, attr) { /* link function */ },controller: function($scope, $element) { /* controller function */ }}; }另...
我从一个httpService获得一个RxJS Observable,这是来自Angular的实际http.现在,当我从中得到一个积极的结果时,我想处理从this.retrieve()得到的下一个http请求.这或多或少是连续请求.有没有更好的方法呢?return this.httpService.query(data) .map(data => {if(data.status > 1)this.retrieve().subscribe();return data; });解决方法:使用Observable.flatMap运算符可以实现链接HTTP请求.假设我们想要发出三个请求,其中每个请求取...
我在Angular 2中创建了一个单页抵押贷款计算器应用程序,它对我来说就像一个学习操场(试图更习惯于目前在工作中使用的技术堆栈)……如果你想看它,它的运行时间为http://www.mortgagecalculator123.com.如果你想看一下,我已经在页面上用Fork Me链接创建了它. 无论如何,我想做的是,能够直接从URL传递变量到我的应用程序,因此我们的Angular 2应用程序可以使用它们.像这样:http://www.mortgagecalculator123.com/?var1=ABC&var2=DEF 我...
我正在制作一个动态的表格. Field有一个值列表.每个值都由一个字符串表示.export class Field{name: string;values: string[] = [];fieldType: string;constructor(fieldType: string) {this.fieldType = fieldType;} }我的组件中有一个函数,它为字段添加了一个新值.addValue(field){field.values.push(""); }值和按钮在我的HTML中显示如下.<div id="dropdown-values" *ngFor="let value of field.values; let j=index"><input typ...