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"
});