小编Tan*_*eel的帖子

我有一个输入字段。我想在屏幕上实时打印我输入的任何内容。

下面的代码在输入字段中显示“ Hello world”。但不执行任何实时绑定。

档案：app.component.html

<h1>Hello world</h1>
<input type="text">

但是那一刻我补充[(ngModule)]。一切都消失了，甚至是Hello世界。虽然cmd提示说编译成功。

<h1>Hello world</h1>
<input type="text" [(ngModel)]="name">
<p>{{ name }}</p>

我的app.component.ts文件是：

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {
  name = '';
}

为了方便起见，我还将代码上传到了GitHub

我是角度新手。我正在学习指令。我正在使用pTooltip来自primeng. 但我想根据条件在 pTooltip 中显示文本。

让我们以 Stack Overflow 本身为例。您不能对一个答案投两次赞成票。如果用户没有对该特定文章进行投票，则他应该收到 msg1，否则他应该收到 msg2。在哪里：

msg1="I found this article very useffeul.";
msg2="You've already upvoted this article";

这是我的代码：

文章.组件.html

msg1="I found this article very useffeul.";
msg2="You've already upvoted this article";

文章.组件.ts

<button 
  class="btn btn-success"
  *ngIf="allowUpvote ? pTooltip={{msg1}} : pTooltip={{msg2}}
  [disabled]="!allowUpvote">
  UPVOTE
</button>

但我收到这个错误：

解析器错误：绑定不能包含 [allowUpvote ? 中第 24 列的分配 pTooltip={{msg1}} : pTooltip={{msg2}}]

请给我一些指示。

我有以下代码。父组件使用指令向子组件发送一些数据@Input：

父 HTML

<div>
  <my-timeline
   [data]="data">
  </my-timeline>
</div>

在Parent TS中有一个服务提供数据data

父 TS

data=[];
...
this.service.getData().subscribe(res => {
  res.map(item=>{
    this.data.push({
      ...
     });
   })
})

孩子正在接受它

儿童 TS

@Input data;
eventArray=[];

ngOnInit() {
  console.log("called"); // called only for the first time
  createTimeline(data[0].id); // called only for the first time
}

createTimeline(id) { // called only for the first time
  this.eventArray.push(.....)
}

子 HTML

<p-timeline [value]="eventArray">
...
</p-timeline>

问题是p-timeline继续显示旧事件，即第一次加载的事件。因为父级的后续数据更改不会导致子级中的 ngOnIt 运行。这就是为什么createTimeline再也没有被召唤过。请参与。

我不是Angular的专家。我也从互联网上获得了一些答案。特别是这个。我有一个要从中调用用户定义方法的按钮onPress。

app.component.html

<div class="dls-menu-item" style="float: right;">
    <button (click)="onPress()"></button>
</div>

<div id="comp-render">
        <-----Here i want that component to be rendered
</div>

app.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    ...
})
export class AnalyticsComponent implements OnInit {
    constructor() {}

    ngOnInit() {}


    onPress() {
        console.log("clicked");
        document.querySelector('#comp-render').innerHTML='<object type="text/html" data="mycomp.html" ></object>';
    }
}

其中mycomp.html是：

<h1>Hello</h1>
<p>This is a custom component.</p>
<button>Click</button>

谁能告诉我该怎么做。

我是 JDBC 和 Java 的新手。

我来自 Javascript 和 Typescript 背景。我决定通过创建一个小型基础项目来学习 JDBC 和 Oracle。

我正在使用JDK 8. 我正在关注这个学习材料：TutorialsPoint-PreparedStatement。我发现问题出在我的DataService 上。

这是我的DataService课：

import java.sql.*;
import java.util.logging.Level;
import java.util.logging.Logger;

public class DataService {
    Connection con;
    PreparedStatement pstmt;

    static String branch_name="";
    static LocalDate branch_created_on;
    static String branch_pulled_from="";

    DataService() {
        try {
            Class.forName("oracle.jdbc.driver.OracleDriver");
            con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe","system","scott");
        }
        catch(Exception e){ 
            System.out.println(e);
        }
    }

    public void getValue() {
        branch_name=AddNewBranchRecord.branchNameTextField.getText();
        branch_created_on=AddNewBranchRecord.datePicker1.getValue();
        branch_pulled_from=(String) AddNewBranchRecord.combo_box_1.getValue();
    }

    public void putValue() {
        System.out.println("Branch name: "+branch_name);
        System.out.println("Branch created on: …

我在 Angular 14 中创建了一个响应式表单。我有大约 25 个字段。我希望表单在页面加载时最初处于禁用模式。我正在这样做：

ngOnInit() {
    this.myForm= new FormGroup({
      leNumber: new FormControl(''),
      leName: new FormControl(''),
      leAddrLine1: new FormControl(''),
      leNumberStartDate: new FormControl(''),
      // 21 more fields
    });

    // initially disable the entire form when page loads
    this.myForm.disable();
}

我在用户界面上有一个编辑按钮。单击此按钮后，应启用表单：

<button (click)="enableForm()">Allow Edit</button>

enableForm() {
    this.myForm.enable();
}

要求是，单击“编辑”按钮后，所有字段都应启用，除了leName和leStartDate之外，还有很少类似的字段。如何实现这种选择性启用/禁用字段。请帮忙。

我是 TypeScript 的新手。我正在尝试以mm-dd-yyyy格式获取今天的日期，但出现此错误：

类型“字符串”不可分配给类型“日期”

这是我的代码：

initCalendarYear() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1; 
  var yyyy = today.getFullYear();
  if(dd < 10) {
     dd = '0'+dd;
  } 

  if(mm < 10) 
  {
     mm = '0'+mm;
  } 
  today = mm+'-'+dd+'-'+yyyy;
  console.log(today);
}

它应该是直截了当的。没有火箭科学。请纠正我的错误。对于以下几行，我收到此错误：

1. dd='0'+dd;
2. mm='0'+mm;
3. today = mm+'-'+dd+'-'+yyyy;

我正在寻求帮助：

JavaScript : 显示当前日期