小编Mik*_*man的帖子

有没有办法在md-autocomplete中放置md-icon

   <md-autocomplete 
       md-selected-item="ctrl.selectedItem"
       md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
       md-search-text="ctrl.searchText"
       md-items="item in ctrl.querySearch(ctrl.searchText)"
       md-item-text="item.display"
       placeholder="What is your favorite US state?">

   <md-icon class="material-icon">search</md-icon> // ofcourse, I think It won't work

  </md-autocomplete>

codepen

我想在像这样的角度项目中使用DOM

Rx.DOM.jsonpRequest

但是在我这样导入的Rx上没有DOM

import Rx = require('rxjs'); 

我也尝试导入rxjs dom但错误是找不到模块,我安装rxjs-dom就像这样

npm install rx-lite-dom

但是我无法导入它以便我可以在Rx对象上使用DOM

我坚持将自定义组件导入Ionic 3中的页面.这在Ionic 2中相对微不足道,但我似乎无法在Ionic 3中使用它.

我有一个名为现有页面模块other.经过运行ionic g component test,我导入自动生成的ComponentsModule进入other.module.ts,并把它添加到imports阵列.

import { ComponentsModule } from "../../components/components.module";
@NgModule({
  declarations: [
    OtherPage,
  ],
  imports: [
    IonicPageModule.forChild(OtherPage),
    ComponentsModule,

    ],
})
export class OtherPageModule {}

然后我将组件选择器添加到页面中<test></test>.

这会导致错误:

polyfills.js:3 Unhandled Promise rejection: Template parse errors:
'test' is not a known element:
1. If 'test' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to …

是否有任何Angular Material树视图可以使用Angular 2 or 4哪个应该是递归树并且应该是可自定义的.请一些人请指向好的样本帖子或提供示例代码.

星期五我花了一些时间来重构我过去几周一直在研究的AngularJS应用程序.我的重构集中在4个非常具体的区域:

1. 将所有AngularJS代码包装在IIFE中,
2. 重新安排我的控制器代码,以便我删除虚拟功能,支持在控制器中使用相同名称为成员分配功能,
3. 通过添加"use strict"来清理任何问题 在适当的地方和我的所有js文件
4. 消除使用全局app变量.一切顺利,引入的问题比我原先预期的要少.

完成上述工作后,我对它显然给我的应用程序的性能提升感到惊讶.该应用程序使用Angular Material相当大,并且看起来有些迟钝的AM组件显然更加快速.是否可以预期这种性能提升？

我正在开发Angular 2应用程序。我正在通过服务进行几次API调用，但是我不想发布密钥。

我知道从后端使用密钥是首选方法，但是肯定必须有一种从前端执行此操作的方法。

我一直在研究如何有效地将API密钥隐藏在前端中，但是还没有找到任何很好的解释方法。

做这个的最好方式是什么？

我在Angular2食谱中看到,我们可以使用annotations数组来提供元数据,并将一个以上的Typescript装饰器附加到构造函数上.

我们还可以使用以下语法浏览类便捷API:

(function(app){

    var HEROES = app.HEROES;

    app.HeroService = 
        ng.core.Injectable().Class({
            constructor: function(){},
            getHeroes : function(){
                return Promise.resolve(HEROES);
            }
        });

})(window.app || (window.app = {}))

1.但是,如果我想连接两个装饰？我怎样才能做到这一点？似乎这一大块代码有效.如果我想要两个装饰器,这是正确的方法吗？

(function(app){

    var HEROES = app.HEROES;

    app.HeroService = 

        ng.core.Class({
            constructor: function(){},
            getHeroes : function(){
                return Promise.resolve(HEROES);
            }
        });

    app.HeroService = ng.core.Injectable(/*...*/)(app.HeroService);
    app.HeroService = ng.core.Component(/*...*/)(app.HeroService);

})(window.app || (window.app = {}))

2.然后,就是用注解阵列便利的区别？什么是最常用的语法？

其他问题,我认为下面的代码是有效的:

(function(app){

    var HEROES = app.HEROES;

    app.HeroService = 

        ng.core.Class({
            constructor: function(){},
            getHeroes : function(){
                return Promise.resolve(HEROES);
            }
        });
    //Optional, why ?
    //app.HeroService = ng.core.Injectable()(app.HeroService); …

我试图将以下脚本标记添加到我的Angular 2项目中,但是我正在寻找一种方法将其加载到typescript文件中,以便我可以在ts文件中调用它的方法.

<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script>

脚本中有一些我需要能够在我的打字稿文件中调用的东西

let paymentForm = new SqPaymentForm();

和

paymentForm.requestCardNonce();

我正在尝试从SquareUp支付中实施,他们在这里有一个例子:https://docs.connect.squareup.com/articles/adding-payment-form

但是,此示例不能很好地转换为我正在使用的打字稿设置.谢谢您的帮助!

非常简单的代码。但有错误cannot find module '@angular/core'。

课程.组件.ts

import {Component} from '@angular/core'


@Component({
    selector: 'courses'
})
export class CoursesComponent{

}

打字.json

 {
  "ambientDependencies": {
    "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#6697d6f7dadbf5773cb40ecda35a76027e0783b2"
 }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
   "exclude": [
   "node_modules",
   "typings/main",
   "typings/main.d.ts"
  ]
}

包.json

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
   "start": "concurrent \"npm run tsc:w\" \"npm run lite\" ",
   "tsc": "tsc",
   "tsc:w": "tsc -w",
   "lite": "lite-server",
   "typings": …