小编Thi*_*ibs的帖子

新的bootstrap 3 ....在我的布局中,我有:

<div class="row">
    <div class="col-lg-6 col-md-6">elements 1</div>
    <div class="col-lg-6 col-md-6">
         <div class="pull-right">
            elements 2
         </div>
    </div>
</div>

我希望'元素2'不要在小于col-lg屏幕上对齐.因此,只有col-lg-6有效地使用类右拉...

我怎么能实现这个目标？

这是一个小提琴:http://jsfiddle.net/thibs/Y6WPz/

谢谢

我正在尝试用2列创建一行.左边的一个col,其内容对齐,第二个col的内容右对齐(old-right).

怎么办我在alpha-6中解决这个问题？

我尝试了一些东西,但这是我到目前为止所做的.我错过了什么？

<div class="row">
    <div class="col">left</div>
    <div class="col ml-auto">content needs to be right aligned</div>
</div>

我使用sass创建了一个全局样式表并将其放入public/style/styles.scss.我只指定了背景颜色.

在索引中,我添加了一个链接: <link rel="stylesheet" href="style/styles.css">

背景颜色不适用于body标签.在检查身体标签时,我可以看到背景颜色被应用但被否决了scaffolding.less:31

我做错了什么？

提前致谢

我正在尝试使用angular-cli并尝试在项目中获得sass和bootstrap.我在维基中读过你可以做的事情:

ng install sass

使用当前最新版本(beta.5)执行此操作会给出错误:

Install failed. Could not find addon with name: sass

我怎样才能以angular-cli处理索引页面和systemJS的方式安装bootstrap和sass？

什么是sort一个项目列表的最佳方式来自一个Observable仍然能够使用async pipe？(我读到制作自定义排序管道效率不高.)我想避免订阅和保留数据的本地副本,因此只使用异步管道...

//can I use map here and filter items right in the observable and get rid of subscribe?

this.test$ = Observable.of(['one', 'two', 'three'])
    .subscribe((data) => {
        data.sort((a, b) => {
            return a < b ? -1 : 1;
         });
        this.data = data;
     });

模板:

<div *ngFor='let item of data'>
<!-- want to be able to use async pipe here -->

我总是知道Observable单独导入我的运算符来限制加载时间.但是我今天注意到了一些事情,我希望有人可以向我解释.

我在Webpack上使用IntelliJ/WebStorm.

让我们在我的网页上说ngOnInit我有一个http电话:

 ngOnInit() {  
        this.http.get('https//:google.com').map(e => e);
 }

如果我不导入map运算符,编译器会抱怨,所以我像这样导入它:

import 'rxjs/add/operator/map';

一切都在世界上很好.直到我需要使用Observable.所以,我会加一个.

 ngOnInit() {
        let test = Observable.create(subscriber => {
            return null;
        });

        this.http.get('https//:google.com').map(e => e);
 }

现在编译器可以理解地抱怨它找不到Observable,所以我让IntelliJ/WebStorm为我导入它并将其添加到我的文件顶部:

import {Observable} from 'rxjs';

一切都好了.但是,这个新的导入似乎使地图导入无关紧要.我的意思是,如果我删除了地图导入并且只留下了Observable,那么所有编译都很好......

但是,如果我指定像这样导入Observable:

import {Observable} from 'rxjs/Observable';

然后我必须为地图操作员重新添加导入...

我导入我的Observable时是否导入了所有RxJS？

import {Observable} from 'rxjs';

如果是这样,我怎么能告诉IntelliJ不这样做并仅导入类？

我正在构建一个 CRUD 应用程序 Angular 6.

我的表单用于添加和更新项目。当用户更新项目时，表单会从服务器预先填充。当服务器更新表单时，它会触发验证。

如何在不触发验证的情况下更新表单值？

这是相关的代码：

ngOnInit(){
    this.form = this.fb.group({
        name: ['', [Validators.required], MyAsyncValidator],
        comments: [''],
    });

    this.http.get('/api')
        .subscribe((data: any) => {
            this.form.setValue({ name: data.name, comments: data.comments });
        });
    //How to populate form without triggering validation
}

模板：

<form [formGroup]="form">
<div class="form-group row">
    <label class="col-sm-2 col-form-label">Name</label>
    <div class="col-sm-10">
        <input formControlName="name"
            class="form-control"
            [ngClass]="{'is-invalid': isInvalid(form.controls.name)}"
            type="text">
        <small *ngIf="form.get('name').status=='PENDING'" class="form-text text-muted">
            <i class="fa fa-spinner fa-spin"></i> Checking Name...
        </small>
        <small class="invalid-feedback">
            <div *ngIf="form.controls['name'].hasError('required')">Name Required</div>
            <div *ngIf="form.controls['name'].hasError('exists')">Name Exists</div>
        </small>
    </div>
</div>

我正在尝试在表格中测试一个打开新窗口的链接.我想测试新窗口的url.

到目前为止我所拥有的是:

    it('Should verify new window url', function () {
    page.list.get(0).click().then(function () {
        browser.getAllWindowHandles().then(function (handles) {
            newWindowHandle = handles[1];
            browser.switchTo().window(newWindowHandle).then(function () {
                expect(browser.getCurrentUrl()).toMatch(/\/url/);
            });
        });
    });
});

错误:等待Protractor与页面同步时出错:{}

如果我删除了期望的作品....我对承诺感到困惑,有人可以指导我正确的方向吗？

我正在学习如何使用Angular 2设置Karma并遇到问题.

我按照朱莉在她的种子项目中所做的并将其应用到我的项目中.

一切都适用于Chrome,但当我想使用PhantomJS时,我收到错误.这也发生在PhantomJS2中......

这是错误:

[karma]: Karma v0.13.22 server started at http://localhost:9877/
[launcher]: Starting browser PhantomJS2
[PhantomJS 2.0.0 (Mac OS X 0.0.0)]: Connected on socket /#1yDrSei5NUX4_WYaAAAA with id 93476222
Missing error handler on `socket`.
TypeError: (msg || "").replace is not a function  
   at node_modules/karma/lib/reporter.js:45:23

karma.config.js

module.exports = function (config) {
config.set({
    basePath : '',
    frameworks : ['jasmine'],
    files : [
        // paths loaded by Karma
        {pattern : 'node_modules/systemjs/dist/system-polyfills.js', included : true, watched : true},
        {pattern : 'node_modules/systemjs/dist/system.src.js', included …

我们注意到当 Websocket 连接丢失时 Safari iOS 不调用 Websocket 事件的问题。我们的 Web 应用程序不知道 Websocket 的连接已丢失。在 Android 设备上，一旦连接断开，就会触发 close 和 error Websocket 事件。

我们创建了一个简单的示例。

NodeJS 中的 Websocket 服务器

const WebSocket = require('ws');
const wss = new WebSocket.Server({port: 8080});
wss.on('connection', function connection(ws) {
    ws.on('message', function incoming(message) {
        ws.send(`You sent: ${message}`);
    });
    ws.on('close', function close() {
        console.log('Client has disconnected');
    });
});

简单客户端

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WebSocket Example</title>
</head>
<body>
<h1>WebSocket Example</h1>
<div id="output"></div>
<form>
    <label>
        Message:
        <input type="text" id="message">
    </label>
    <button type="submit" id="send">Send</button> …