小编Ann*_*nna的帖子

如何在datetimepicker上禁用当前日期的过去日期？我试过类似问题的帖子很少但是无法实现它,下面就是我尝试过的

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
 href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
 src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script> 
<script type="text/javascript"
 src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
  $('#datetimepicker2').datetimepicker({
    language: 'en',
    pick12HourFormat: true
  });
});
</script>

<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy" type="text"/>
<span class="add-on">
  <i  data-date-icon="icon-calendar">
  </i>
</span>

我也试过了

$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true,  minDate:'0d' }); 

和

$("#datetimepicker2").datepicker({ minDate: 0 });

我是角度2的新手,我有一个名为Register的组件,在这1个组件中我有5个HTML页面,其中一次点击第一个注册页面,我将进入第二个注册页面,点击第二个注册页面,我将转到第3个注册页面.如何在一个组件中制作5个HTML页面我的意思是有没有办法在每个组件上实现多个模板？如何做路由？主要目的是拥有单独的HTML和SCSS文件和路由逻辑.

截至目前,我正在渲染页面,ngIf这使得我的页面非常冗长.有办法实现这个目标吗？

<!--View 1-->
        <div class="open-card-BG" *ngIf="registerView=='regView1'">
Register Page 1
</div>
            <!--View 2-->
            <div class="open-card-BG" *ngIf="registrationView=='regView2'">
Register Page 2
</div>


    @Component({
      selector: 'register-page',
      templateUrl: './register-page.component.html',
      styleUrls: ['./register-page.component.scss'],
      providers : [RegisterService,Configuration,LocalStorageService]
    })
        ngOnInit() {
        this.registerView= "regView1";
      }

    changeView(view) {

          this.registerView= view;
      }

      previousView(view) {

          this.registerView= view;
      }

我使用Angular4。在单击超链接时，我必须打开Outlook，在邮件中，我必须发送4个链接。因此，我计划mailto从我的打字稿文件中调用a 。我的代码是

    <span (click)="mailMe()">Mail me the links</span>


    var links= ["link1.com", "link2.com", "link3.com"];
    mailMe(){
        console.log("111111");
        var mail = document.createElement("a");
        console.log("22222");
        mail.href = "mailto:abc@abc.com?subject=files&body=Hi";
        mail.click();
    }

我可以调用该函数，但邮件不会弹出。在控制台111111中正在打印但未22222打印。我哪里做错了？还是有一种方法可以从HTML本身发送链接数组？

我正在使用primeNg <p-table>。我想实现数据排序。我所做的如下

排序

<p-table [columns]="cols" [value]="documents">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns" [pSortableColumn]="col.field">
                {{col.header}}
                <p-sortIcon [field]="col.field"></p-sortIcon>
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-doc>
        <tr>
            <td>
                {{doc.sName}}
            </td>

        <td>
                {{doc.sYear}}
            </td>
        <td>
                {{doc.sAge}}
            </td>
        <td>
                {{doc.sColor}}
            </td>        
        </tr>
    </ng-template>
</p-table>

排序

this.cols = [
            { field: 'name', header: 'Name' },
            { field: 'year', header: 'Year' },
            { field: 'age', header: 'Age' },
            { field: 'color', header: 'Color' }
        ];

ngOnInit(){
    //made a service call and got data for …

我最近开始研究 Angular 4，在研究 primeNG 数据表时，我遇到了这样的语法let-col let-item="rowData"。我很困惑它在我的代码中做了什么，以及为什么我需要 2 个 let-*。谁能抽出时间来向我解释一下吗？

<p-dataTable [value]="employees" selectionMode="single" [(selection)]="selectedEmployee" (onRowSelect)="onRowSelect($event)" [paginator]="true" [rows]="10" [responsive]="true">
    <header>Employee Management Service</header>
    <p-column field="name" header="name" [sortable]="true">
     <ng-template let-col let-item="rowData">
       <label>some data</label>
     </ng-template>
    </p-column>
</p-dataTable>

我确实完成了Angular 2 模板中的 let-* 是什么？但这并没有消除我的疑虑。如果我执行 {{col}} 和 {{item}} 会发生什么。请指导。

我在我的netbeans 7上安装了Angular JS插件,工作正常,但是我无法得到角度JS ng-app, ng-model="name"等的下拉指令建议.事实上,HTML页面显示警告Attribute "ng-app" not allowed on element "html" at this point.

我使用http://plugins.netbeans.org/plugin/40296来安装插件,下面是我在index.html中所做的:

<html ng-app>
<head>
    <script src="js/angular-0.9.19.min.js"></script> 
    <script src="js/angular.js"></script> 
</head>
<body>
<h1>Hello {{1+2}} </h1>

我收到了来自服务的以下响应，当该响应flag为真时，我必须隐藏整行（我共有 20 列），否则显示它。我怎样才能在ag-grid中实现这一目标？

data = {
    name: "A",
    flag: true
   },
   {
    name: "B",
    flag: false
   },
   {
    name: "C",
    flag: false
   }

我确实尝试了useExternalFilter下面的类似方法，然后我陷入了如何useExternalFilter进一步使用它的困境。任何人都可以指导我完成吗？

this.filterOptions = {
  useExternalFilter: true
};

this.gridOptions = {
  filterOptions:  this.filterOptions
 };

我正在使用<p-table>，我必须对标题进行排序。我正在做如下：

的HTML

<p-table [value]="documents">
        <ng-template pTemplate="header">
            <tr>
                <th [pSortableColumn]="">
                    File Name
                    <p-sortIcon [field]=""></p-sortIcon>
                </th>
               <th [pSortableColumn]="">
                    File Type
                    <p-sortIcon [field]=""></p-sortIcon>
                </th>
               <th [pSortableColumn]="">
                    File Date
                    <p-sortIcon [field]=""></p-sortIcon>
                </th>
            </tr>
        </ng-template>
    <ng-template pTemplate="body" let-doc>
        <tr>
            <td>
                {{doc.sName}}
            </td>

        <td>
                {{doc.sType}}
            </td>
        <td>
                {{doc.sDate}}
            </td>                
        </tr>
    </ng-template>
</p-table>

TS

ngOnInit(){
    //made a service call and got data for

this.documents=[{
   "sName":"Book",
   "sType":"PDF",
   "sDate":"20"
   },
   {
   "sName":"Book",
   "sType":"PDF",
   "sDate":"20"
   },
   {
   "sName":"Cook Book",
   "sType":"Text",
   "sDate":"20"
   },
   {
   "sName":"Book",
   "sType":"PDF",
   "sDate":"25-04"
   },
   { …

我无法在内部读取HTML的常量*ngIf.

<span *ngIf="file.name === 'CONSTANTS.fileName' ">
File name same
</span>

export const CONSTANTS{
'fileName':'report'
}

我无法进入跨度,因为*ngIf条件永远不会是真的,虽然CONSTANTS.fileName存在,我可以使用它在屏幕上打印{{CONSTANTS.fileName}}

我也试过"CONSTANTS.fileName".请指导我哪里出错了.

请指导我实现“查看更多文本”功能。

我从事 Angular 4 和 primgNg 的工作。我的页面显示一个名为“描述”的列。down arrow最初，我必须在该列中仅显示 1000 个字符，如果描述超过 1000 个字符，则显示。单击该down arrow段落将展开并显示全文，并且箭头变为up arrow。换句话说，切换。请指导我实现这一目标。到目前为止，我尝试如下但无法达到要求。

超文本标记语言

<div>Description</div>
<div>{{details.desc | slice:0:1000}}</div>
<div *ngIf="details.desc.length >= 1000">
  <span class="arrow-down"></span>
</div>

CSS

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #f00;
}