Angularjs 是否可以在单击时调用组件?

Angularjs 是否可以在单击时调用组件?,angularjs,angularjs-directive,angularjs-ng-click,angularjs-components,angularjs-1.5,Angularjs,Angularjs Directive,Angularjs Ng Click,Angularjs Components,Angularjs 1.5,以前有一个,我正在打开它的内容ng click。使用Angular 1.5中的组件,我移动了的内容并创建了组件。我想在ng上加载此组件,现在单击 这可能吗 我还没有找到任何帮助。如果可能,可以提供帮助。可以显示/隐藏组件(包含div内容)。我已经创建了一个plnkr,请参考下面的代码和plnkr链接 HTML: 可以显示/隐藏组件(包含div内容)。我已经创建了一个plnkr,请参考下面的代码和plnkr链接 HTML: 请你再延长一点好吗?请你再延长一点好吗? <!DOCTYPE h

以前有一个
,我正在打开它的内容
ng click
。使用Angular 1.5中的组件,我移动了
的内容并创建了
组件。我想在
ng上加载此
组件
,现在单击

这可能吗


我还没有找到任何帮助。如果可能,可以提供帮助。

可以显示/隐藏组件(包含div内容)。我已经创建了一个plnkr,请参考下面的代码和plnkr链接

HTML:


可以显示/隐藏组件(包含div内容)。我已经创建了一个plnkr,请参考下面的代码和plnkr链接

HTML:


请你再延长一点好吗?请你再延长一点好吗?
<!DOCTYPE html>
<html ng-app="componentApp">

  <head>
    <script data-require="angularjs@1.5.8" 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>
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"
       });