小编Adr*_*ien的帖子

我有一个带有表单的angular4应用程序.在这个我输入一个百分比.所以,我想阻止值为0到100之间,我试图添加的输入min="0"和max="100",但我还可以输入高于100或小于0的号码.

模板

<md-input-container>
  <input type="number" 
    maxlength="3" 
    min="0" 
    max="100" 
    required 
    mdInput 
    placeholder="Charge" 
    [(ngModel)]="rateInput" 
    name="rateInput">
  <md-error>Required field</md-error>
</md-input-container>

你知道我怎么做吗？

我有一个角度4应用程序,我有一个javascript组件,我在一个javascript文件中创建:timeline.js.javascript组件运行良好,但我想用角度4来使用它.所以,我把我的js文件放在文件夹中assets/js/timeline.js.

在文件中index.html,我使用<script src="assets/js/timeline.js"></script>和调用我的js文件app.component.ts,我有:

var timeline = new Timeline("timelineVisualization")

所以,通常,时间轴是在div中创建的id="timelineVisualization".

但它不起作用,我有一个错误new Timeline:找不到名称时间轴.

所以,你知道如何从中调用Timeline构造函数timeline.js吗？

我有一个棱角分明的4.4.4应用程序,material 2.0.0-beta.12我想使用mat-expansion-panelfrom材料设计.

这是我的代码:

           <mat-expansion-panel class="parametersPanel">
                    <mat-expansion-panel-header>
                        <mat-panel-title>
                            PARAMETERS
                        </mat-panel-title>
                    </mat-expansion-panel-header>
                    <table style="width:100%">
                        <tbody>
                            <tr class="parameterListItem">
                                <td class="icon"><img src="assets/images/alert.png"></td>
                                <td class="parameterName">Parameter 1</td>
                                <td class="parameterValue">Value</td>
                                <td class="unit">unit</td>
                            </tr>                        
                        </tbody>
                    </table>
            </mat-expansion-panel>

所以它运作良好,但有可能mat-expansion-panel-body从浏览器中删除其中的边距margin: 0 24px 16px;？

我有一个角度4应用与材料设计.在这个应用程序中,我有一个带有自动填充字段的表单.

这是我的HTML代码:

<div class="form-group">
  <md-input-container>
    <input mdInput type="text" mdInput [mdAutocomplete]="project" [formControl]="projectCtrl" placeholder="Choose a project" [(ngModel)]="selectProjectForNewCollab" name="selectProjectForNewCollab">
  </md-input-container>
  <md-autocomplete #project="mdAutocomplete">
    <md-option *ngFor="let project of filteredProjects | async" [value]="project.name">
      {{ project.name }}
    </md-option>
  </md-autocomplete>
</div>

我的代码:

console.log("project = " + this.selectProjectForNewCollab);

所以,我有projects3个领域:{id: "1", name: "test", photo: "test"}.我想通过它的名字选择一个项目,但回过头来获取id.实际上,我选择了这个名字,但最后得到了名字.如果我改变了[value]="project.id",我得到了id,但它是输入中显示的id.

那么,你知道如何获取id但是按名称选择并在输入中显示名称吗？

我有一个Angular 4应用程序，我想在用户关闭页面（浏览器的窗口或选项卡）时调用注销功能。

这是我的注销功能：

    let currentUser: User = JSON.parse(localStorage.getItem('currentUser'));

    let headers = new Headers({ 'Authorization': 'Basic ' +  btoa(currentUser.login + ":" + currentUser.password),
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Headers': 'access-control-allow-headers, access-control-allow-origin, content-type, authorization'
    });

    let opts = new RequestOptions();
    opts.headers = headers;


   return this.http.get(this.route + 'UserLogout', opts).map((response: Response) => response.json());
}

在我的app.component.ts中，我有：

@HostListener('window:beforeunload', ['$event'])
beforeUnloadHander(event) {
    this.authenticationService.logoutOnClose().subscribe(res=> {
        localStorage.removeItem('currentUser');
    });

}

但是窗口是关闭的，请求从未完成。我想我需要同步执行请求，但我不知道该怎么做。

你有想法吗 ？

编辑 我尝试使用jQuery：

 ngOnDestroy(){
    let currentUser: User = JSON.parse(localStorage.getItem('currentUser'));
    $.ajax({ url: 'myURL',
        beforeSend: function(request) {
            request.setRequestHeader("Authority", 'Basic ' + …

我有一个用 ASP.NET MVC 5 制作的 Web 应用程序。在这个应用程序中，我有一个显示信息列表的视图。

在这个列表中，我显示了一个boolean带有的信息@Html.DisplayFor(modelItem => item.valide)。所以 aCheckBox显示出来，它被选中和禁用。

我该怎么做才能disabled="disabled"从 中删除CheckBoxes？