小编Mat*_*een的帖子

我正面临着凉亭安装问题.

bower ECMDERR无法执行"git ls-remote --tags --heads HTTPS_LINK to bower-angular-mocks.git",退出代码为#128

我遵循Git/Bower错误中提到的建议:退出代码#128和失败的连接.我为GIT和Bower做了推荐的代理设置.

.bowerrc

"proxy" : "PROXY_URL",
"https-proxy" : "PROXY_URL"

GIT

http.proxy=PROXY_URL
git config --global url."https://".insteadOf git:// [GIT config to use HTTPS in place of GIT]

这是我的完整错误日志:

bower not-cached    HTTPS_LINK to bower-angular.git#1.2.x
bower resolve       HTTPS_LINK to bower-angular.git#1.2.x
bower not-cached    HTTPS_LINK to bower-angular-loader.git#1.2.x
bower resolve       HTTPS_LINK to bower-angular-loader.git#1.2.x
bower not-cached    HTTPS_LINK to bower-angular-route.git#1.2.x
bower resolve       HTTPS_LINK to bower-angular-route.git#1.2.x
bower not-cached    HTTPS_LINK to html5-boilerplate.git#~4.3.0
bower resolve       HTTPS_LINK to html5-boilerplate.git#~4.3.0
bower not-cached …

我尝试在我的应用程序中模拟请求,但是流程变量存在问题.我将process.env.backendUrl url存储在后端API中.然后在RestService我有:

constructor(private http: Http) {
    this.rest = process.env.backendUrl + "/api/";
}

现在不可能运行测试,因为在例如LoginComponent我有RestService依赖,我有这个错误:

zone.js:140 Uncaught Error: Error in ./LoginComponent class LoginComponent_Host - inline template:0:0 caused by: process is not defined
ReferenceError: process is not defined
at new RestService (http://localhost:9876/base/src/test.ts:21595:2790)
at DynamicTestModuleInjector.get (DynamicTestModule.ngfactory.js:170:67)
at DynamicTestModuleInjector.get (DynamicTestModule.ngfactory.js:180:93)
at DynamicTestModuleInjector.getInternal (DynamicTestModule.ngfactory.js:255:51)
at DynamicTestModuleInjector.NgModuleInjector.get (http://localhost:9876/base/src/test.ts:25036:27)
at TestBed.get (http://localhost:9876/base/src/test.ts:5589:51)
at _View_LoginComponent_Host0.createInternal (LoginComponent_Host.ngfactory.js:16:74)
at _View_LoginComponent_Host0.AppView.create (http://localhost:9876/base/src/test.ts:36192:21)
at _View_LoginComponent_Host0.DebugAppView.create (http://localhost:9876/base/src/test.ts:36404:44)

我在enviroment.ts(由angular-cli创建的文件)中设置了proccess.env.backendUrl.

process.env.backendUrl = 'http://localhost:8080';

export const environment = {
  production: false
};

我应该将它设置在其他地方还是有任何方法可以告诉业力这个变量？

我是 angular 2 的新手，并试图将 tinymce 集成到 angular 2 中，但我无法在我的项目中使用 tinymce。到目前为止，我所做的是在我的项目中使用 bower 安装了 tinyMCe。所有 js 文件都成功添加到我的项目中。然后我在布局页面中添加了所有引用，如下所示：

        <script src="~/lib/tinymce/tinymce.js"></script>
        <script src="~/lib/tinymce/themes/modern/theme.js"></script>
        <script src="~/lib/tinymce/plugins/link/plugin.js"></script>
        <script src="~/lib/tinymce/plugins/paste/plugin.js"></script>
        <script src="~/lib/tinymce/plugins/table/plugin.js"></script> 

在此之后，我编写了将使用 tineMce 的组件，如下所示：

import { Component, OnInit } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import { NgForm } from "@angular/forms";
import Page = require("../../interfaces/iPage");
import PageService = require("../../services/page.service");
@Component({
    //no need for selector as it will be loaded via routing
    templateUrl: "/page/addEdit"
})


export class AddEditPageComponent implements OnInit {
    model = this.newModel(); …

我正在创建一个列表<ul>,但我需要它"团结".即使我删除了所有边框,填充和边距,它仍然在图像之间创建一个空格.我该如何删除它？

<h4>An Unordered List:</h4>
<ul>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
</ul>
<ul>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
</ul>

CSS

ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border:  0px 0px 0px 0px;
    display: table;
    table-layout: fixed;
    display: inline;
}

li {
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;  
    display: table-cell;

}

如何检索NgModelGroup嵌套在 中的的验证状态NgFor？

如果我没有NgFor，我可以将组分配给这样的模板变量：

<p *ngIf="addressCtrl.invalid">Address is invalid.</p>

<div ngModelGroup="address" #addressCtrl="ngModelGroup">
    <input name="city"  [ngModel]="address.city"  required>
    <input name="state" [ngModel]="address.state" required>
    <input name="zip"   [ngModel]="address.zip"   required>
</div>

但相反，我想要这样的东西：

<p *ngIf="addressCtrl.invalid">Address # {{index}} is invalid.</p>

<div *ngFor="let address of addresses">
    <div ngModelGroup="address" #addressCtrl="ngModelGroup">
        <input name="city"  [ngModel]="address.city"  required>
        <input name="state" [ngModel]="address.state" required>
        <input name="zip"   [ngModel]="address.zip"   required>
    </div>
</div

问题是我得到的addressCtrl是未定义的。

这是我创建的一个 plunker 来测试这个：https ://plnkr.co/edit/RXi2T52kynsWLr4fDMVa?p=preview

我正在尝试在输入时完成或提交输入,而不是单击提交按钮.这纯粹是通过指令吗？或者我必须添加一些JS？

这是我的意见:

<input type="text" ng-model='main.input' placeholder='some text' required=''/>

这是html文件中的代码:

       <div class="form-group">
            <div class="form-text">Some Question about Email and Phone Details?</div>


            <div>
                <input type="radio" value="1" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="EmailClicked()"
                ng-model="selectedOption"> Email</div>

            <div>

文字两者

在component.ts类中,我将selectedOption设置为1.像这样:

export class TestComponent implements OnInit{
  signUpDetailsForm: FormGroup;
  public submitted : boolean;

  public selectedOption : string ='1';

我可以看到selectedOption值设置正确,如在ngOnInit中,值打印为1:

ngOnInit() {

 console.log('selectedOption='+this.selectedOption);

}

我还试过另一种方法来解决这个问题,方法是在ng-init中设置selectedOption,但仍然不起作用.

<div ng-init="selectedOption=1">
                <div>
                    <input type="radio" value="1" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="EmailClicked()"
                    ng-model="selectedOption"> Email</div>

                <div>
                    <input type="radio" value="2" ng-model="selectedOption" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="PhoneClicked()"> Text</div>
                <div>
                    <input type="radio" value="3" ng-model="selectedOption" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="BothClicked()"> Both</div>

</div>

UPDATE

我更新的代码看起来像这样,默认情况下仍然没有选择收音机:

<div class="form-group">
            <div …

HTML

<li class="nav-item">
  <a class="nav-link" routerLink="/register" *ngIf="isLoggedIn">Register</a>
</li>

JS:

var auth = this.af.auth.subscribe( (user) => {
      if (user) {
        // User signed in!
        var uid = user;
        var isLoggedIn = true;
        console.log(uid)
        console.log(isLoggedIn);
      } else {
        // User logged out
        console.log("no user")
        var isLoggedIn = false;
        console.log(isLoggedIn);
      }
    });

控制台正确记录true和false值,因此var isLoggedIn正确更改,但*ngIf无论如何都保持隐藏状态.