如何改變在角2

-1

JavaScript可以改變HTML內容的HTML內容是這樣的：如何改變在角2

<p id="demo">JavaScript can change HTML content.</p> 
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button>

jQuery的可以改變的HTML內容是這樣的：

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#demo").html("Hello JQuery!"); 
    }); 
}); 
</script> 
</head> 
<body> 
<p id="demo">JQuery can change HTML content.</p> 
<button type="button" >Click Me!</button>

AngularJS可以改變HTML內容是這樣的：

<div ng-app="myApp" ng-controller="myCtrl"> 
    <p id="demo">{{content}}</p> 
    <button type="button" ng-click=changeHtmlContent()>Click Me!</button> 
</div> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.content="AngularJs can change HTML content." 
    $scope.changeHtmlContent = function() { 
    $scope.content = "Hello Angular Js!"; 
    }; 
}); 
</script>

我想用角2組件做同樣的事情。但它不起作用。

@Component({ 
    selector: 'my-app', 
    template: ` 
    <p id="demo">{{content}}</p> 
    <button type="button" ng-click=changeHtmlContent()>Click Me!</button> 
    `, 
}) 
export class App { 
    content:string="Angular2 can change HTML content"; 
    constructor() {} 
    //this data may come from api 
    changeHtmlContent(){ 
    this.content ="Hello Angular2 !" 
    } 
}

來源

2017-02-21 saif

哪個後端您使用的？你的功能在打電話嗎？ –

@Mayur Patel我編輯了這個問題，並給出了我的代碼... – saif

@Darshak Gajjar它不是在角度2 – saif

您必須使用(click)：

<button type="button" (click)="changeHtmlContent()">Click Me!</button>

來源

2017-02-22 18:10:51 developer033

其作品。 ng-click將無法爲angular2 – saif

@ Md.SaifulIslam檢查它作爲答案然後:) – developer033

誰downvoted，可以解釋爲什麼？ – developer033

-1

我認爲here是您的解決方案。

<p id="demo" [innerHTML]="content"></p>

來源

2017-02-21 05:43:54

如何改變在角2

回答

相關問題