好的,这真让我感到困惑.我在div中有一些内容,如下所示:

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

但是,内容溢出了DIV(如预期的那样),因为'word'太长了.

如何强制浏览器在必要时"破坏"单词以适应所有内容？

我有点困惑如何获取key并value同时使用angular2对象的*ngFor用于遍历的对象.我知道在角度1.x中有一个类似的语法

ng-repeat="(key, value) in demo"

但我不知道如何在angular2中做同样的事情.我尝试过类似的东西,没有成功:

<ul>
  <li *ngFor='#key of demo'>{{key}}</li>
</ul>

demo = {
    'key1': [{'key11':'value11'}, {'key12':'value12'}],
    'key2': [{'key21':'value21'}, {'key22':'value22'}],
  }

以下是我的尝试:http ://plnkr.co/edit/mIj619FncOpfdwrR0KeG?p=preview

我怎样才能获得key1并key2动态使用*ngFor？经过广泛搜索后,我发现了使用管道的想法,但我不知道如何去做.是否有任何内置管道在angular2中做同样的事情？

在angularjs中,我们有http拦截器

$httpProvider.interceptors.push('myHttpInterceptor');

我们可以挂钩到所有的http调用,并显示或隐藏加载栏,做日志记录等.

angular2中的等价物是什么？

如何在API点击时检查Angular2中的互联网连接,每当我的应用程序API被命中服务器时,有时用户离线(我的意思是没有互联网连接)所以我如何检查互联网连接？是否有一些特殊的互联网连接状态代码？或者是其他东西 ？

PS: - 我navigator.onLine在angularJs中发现但似乎没有在angular2中工作.

• 来源 - 如何检查AngularJs中的互联网连接

更新

正如sudheer在下面的回答中建议navigator.onLine使用angular2但仍然无法正常工作原因？ working example here

打字稿中是否有任何运算符使用Elvis Operator了angular2的similer,我的意思是说让我必须从对象获取密钥,如下所示:

this.myForm.name.first_name

如果first_name不存在,那么它会抛出错误first_name of undefined,

是的,我可以使用这样Ternary operator的打字稿来解决这个错误

this.myForm.name ? this.myForm.name.first_name : ''

但有时钥匙太长了,

所以Elvis Operator在打字稿中有任何类似angular2的操作符,这样我就可以这样使用了

this.myForm?.name?.first_name

如何使用angular2使用html插入字符串.我知道在角度1.x有$interpolate(templateString)(miniScope);但我没有找到相同的angular2.

假设我有这样的模板: Hello my name is {{name}}

和绑定就像 name: "<strong>Pardeep</strong>"

所以我想要结果

您好,我的名字是Pardeep

请参阅angular1

对于angular2看到这里,但我无法理解清楚

任何帮助？

如何在angular2中设置Content-Type和Accept？

我试图在标题中发送内容类型(application/json)的帖子调用但是因为某些原因它不发送,它总是发送text/plain; charset =内容类型中的UTF-8当我尝试进行REST服务调用时,我得到415不支持的媒体类型.我认为我需要正确地设置类型和内容类型它不会从代码设置我 在我们下面的标头请求

Accept  
text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encoding 
gzip, deflate
Accept-Language 
en-US,en;q=0.5
Content-Length  
13
Content-Type    
text/plain; charset=UTF-8
Host    
enrova.debug-zone.com:8000
Origin  
http://localhost:8000
Referer 
http://localhost:8000/add
User-Agent  
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0

代码如下

    import {Component, View} from 'angular2/angular2';
    import { Inject} from 'angular2/di';
    import {Http} from 'angular2/http';

    export class AchievementsService {
        constructor( @Inject(Http) private http: Http) {        
        }

        getAchievementsOfType(type: string) : any {
            var path = '/api/achievements/' + type;
            return this.http.get(path);
        }

        getAllAchievements() : any {
            var path = '/api/achievements'; …

我必须动态创建一个复选框列表,所以我使用*ngFor来迭代对象数组,一切正常,直到迭代.当我for在label标签中设置属性值时出现问题.angular已抛出错误:

无法绑定到'for',因为它不是已知的本机属性angular2

新的错误消息

未处理的Promise拒绝:模板解析错误:无法绑定到'for',因为它不是'label'的已知属性.

<div *ngFor="#batch of batch_array">
     <label for="{{batch.id}}"><input type="checkbox" [value]="batch.id" id="{{batch.id}}"    
       (click)="batchSelectedEevent(batch.id)" /> {{batch.batch_name}} 
     </label>
</div>

这是我的plnkr显示错误:http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO？p = preview

我的代码中有什么问题？

我想根据组件级别而不是整个应用程序来改变primeng组件的样式,要么我必须更改主theme.css文件或内联样式中的样式,但似乎内联有时不能按预期工作让我们假设作为示例我必须使用

<p-dropdown [options]="cities" formControlName="selectedCity"></p-dropdown>

我必须ui-dropdown-item根据文档更改类类名称的样式.

我需要相同的组件与两个差异风格什么是最好的approcah相同？如果有人有工作的例子请添加链接.

我希望用户单击"提交"按钮,模式会自动关闭.

如果我添加data-dismiss="modal"提交<button>,它将无法运行submitComments().

我试图做一些类似的事情$('#myModal').modal('hide');,但没有成功.

那么如何关闭Angular 2中的模态呢？谢谢

<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Open Modal</button>

<div id="myModal" class="modal fade">
     <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <form (ngSubmit)="submitComments()">
                    <div class="form-group row">
                        <label class="form-control-label col-sm-2">Comments:</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

.

submitComments() {
    // I want to do something like $('#myModal').modal('hide'); here.
}