ng-clickでコンポーネントを呼び出すことはできますか？

以前は<div>がありました。その内容はng-clickで切り替えていました。 Angular 1.5のコンポーネントでは、<div>の内容を移動し、componentを作成しました。 componentをng-clickにロードします。ng-clickでコンポーネントを呼び出すことはできますか？

これは可能ですか？

まだヘルプが見つかりませんでした。可能であれば、助けが素晴らしいでしょう。

出典

2016-10-27 Ravi Sankar Rao

あなたは、もう少し延長してもらえ私は

https://plnkr.co/edit/sZSfslXTDGfvGwiDdBSZ?p=preview

HTMLをplnkrを作成し、以下のコードを参照してplnkrリンクしていますか？ – sergio0983

コンポーネントを表示/非表示（divコンテンツを持つことが可能）です。

<!DOCTYPE html> 
<html ng-app="componentApp"> 

    <head> 
    <script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="componentController"> 
    <button ng-click="showComponent()" id="changeText">Show Component</button> 
    <div-content ng-if="isShowContent"></div-content> 
    </body> 

</html>

JS：

angular.module("componentApp", []) 
     .controller("componentController", function($scope) { 
     $scope.isShowContent = false; 
     $scope.showComponent = function() { 
      $scope.isShowContent = !$scope.isShowContent; 
      document.getElementById("changeText").innerHTML = $scope.isShowContent ? "Hide Component" : "Show Component"; 
     }; 
     }) 
     .component("divContent", { 
     template: "This is the content of my div" 
     });

出典

2016-10-28 03:06:24

ng-clickでコンポーネントを呼び出すことはできますか？

答えて

関連する問題