小编Din*_*tro的帖子

如何从Ionic2中的离子输入中获取包裹的输入?

我想附加一个google.maps.places.Autocompleteion-input,但在Ionic2 ion-input包装的<input>元素,我无法弄清楚如何访问它.

我已经尝试创建一个指令并使用传入的 ElementRef

import {Directive, ElementRef, Input} from 'angular2/core';

@Directive({
    selector: '[location-picker]'
})

export class LocationPicker {
    constructor(el: ElementRef) {    
        console.log(el.nativeElement);    
    }
}
Run Code Online (Sandbox Code Playgroud)

nativeElement返回包装的输入.

<ion-input location-picker="">
    <input class="text-input ng-valid ng-dirty ng-touched" type="text" placeholder="" aria-labelledby="lbl-6" location-picker="" autocomplete="off" autocorrect="off">
    <!--template bindings={}-->
    <!--template bindings={}-->
    <!--template bindings={}-->
</ion-input>
Run Code Online (Sandbox Code Playgroud)

我还试图建立类似一个自定义组件和切换SearchbarTextInput,但TextInput doesn't have.inputElement`.

任何想法都会受到欢迎.

谢谢!

ionic-framework ionic2 angular

5
推荐指数
1
解决办法
1218
查看次数

使用@ types/angular作为全局

我正在尝试将我的角度1应用程序更新typings@types.

首先我收到以下错误消息:

Identifier 'angular' must be imported from a module
Run Code Online (Sandbox Code Playgroud)

经过一番搜索,我发现,角度不再可以全球访问.或者至少我没有发现如何......


随着typings,angular是全球性的,我可以使用它没有进口或任何东西.我的问题是,导入角度,如下所示:

import * as angular from 'angular';
Run Code Online (Sandbox Code Playgroud)

打破我的应用程序:不幸的SystemJS是现在正在尝试加载角度,因此当它ui-bootstrap和其他库加载脚本标签时它不可用.

要解决这个问题,我将不得不重写构建管道的大部分内容.所以我再次问:是否有另一种使用角度的方法,TypeScript 2并且@types不会以一种方式结束require('angular')

angularjs typescript typescript-typings

5
推荐指数
0
解决办法
560
查看次数

在角度2中编写到ES5的Typescript

我是角度2的新手并且正在研究Typescript,以便在角度2中构建简单的应用程序.

我发现我们可以使用类和脚本的类,接口,模块等来构建应用程序.

但据我研究javascript我知道javascript不支持类,接口,模块等.

下面是我在学习期间遇到的一些概念.

接口

接口用于类型检查对象是否适合某个结构.通过定义一个接口,我们可以命名一个特定的变量组合,确保它们总是在一起.

"当翻译成JavaScript时,界面消失了 - 它们唯一的目的是帮助开发阶段." 在下面的例子中,我们定义了一个简单的接口来检查函数的参数:

在此输入图像描述

"属性的顺序并不重要.我们只需要存在所需的属性并且是正确的类型.如果缺少某些内容,类型错误或命名不同,编译器将警告我们."

在此输入图像描述

在构建大型应用程序时,面向对象的编程风格是许多开发人员的首选.

TypeScript提供了一个类系统,包括继承,抽象类,接口实现,setter/getter等."

这是一堂课

在此输入图像描述

模块

模块可以导出任意数量的函数,类或变量.默认情况下,对象以其原始名称导出.如果需要,我们可以改变它.模块也可以具有默认导出成员.

以下代码段显示了不同导出语句的示例:

在此输入图像描述

由于打字稿被编译成javascript,这些类,接口,模块等是如何被发生的?

javascript typescript angular

5
推荐指数
1
解决办法
377
查看次数

Angular2 - 释放候选路由器不路由到子路由

我正在尝试创建一个简单的嵌套路由器.这种结构在beta版本中有效,但随着候选路由器的推出,我发现自己陷入困境.

http://plnkr.co/edit/nn7KSJpqWuBpkxi1E6tJ

上面的plunkr是我的场景的一个人为的版本.尽管有

@Routes([
  new Route({ path: '/applications/...', component: ApplicationRouter })
])
Run Code Online (Sandbox Code Playgroud)

路由器似乎没有识别非终端路由.

Error: Uncaught (in promise): Cannot match any routes. Current segment: 'applications'. Available routes: ['/applications/...'].
Run Code Online (Sandbox Code Playgroud)

typescript angular

4
推荐指数
1
解决办法
1933
查看次数

模块'...'导入的意外值'undefined'

出现此错误:(SystemJS)模块'DossierModule'导入的意外值'undefined'

我有2个ngModules相互导入,这个错误可能来自那个吗?在那种情况下:DossierModule导入ContactModule,而ContactModule导入DossierModule.当我在ContactModule中删除导入时,它的工作原理与DossierModule相同.

那2个模块不能互相导入?

谢谢.

systemjs angular

3
推荐指数
1
解决办法
2393
查看次数

测试用例在 Angular2 中被跳过

我已经编写了一些测试用例,当我尝试运行 ng test 时,仅执行一个测试用例,其余的则被跳过

// 我的 test.ts 文件

// This file is required by karma.conf.js and loads recursively all the .spec and framework files

import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy.js';
import 'zone.js/dist/sync-test';
import 'zone.js/dist/jasmine-patch';
import 'zone.js/dist/async-test';
import 'zone.js/dist/fake-async-test';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
declare var __karma__: any;
declare var require: any;

// Prevent Karma from running prematurely.
__karma__.loaded = function …
Run Code Online (Sandbox Code Playgroud)

jasmine angular2-testing angular

3
推荐指数
1
解决办法
5085
查看次数

PHP错误:我的网站上出现"语法错误,意外的T_STRING,期待','或';'"

在提供此代码时,我收到以下语法错误

<?php
if($pages >= 1){

    for($x=1;$x<=$pages;$x++){

        echo '<a href="<?php echo $row['id']; ?>?page='.$x.'">'.$x.'</a>';
    }
}
?>
Run Code Online (Sandbox Code Playgroud)

php mysql

-3
推荐指数
1
解决办法
280
查看次数