1. Problemhintergrund
Eine für AngularJS einzigartige Abhängigkeitsinjektion. Wenn ein Objekt erstellt wird, muss es von einem anderen Objekt abhängig sein.
2. Implementierungsquellcode
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS之依赖注入（实例一）</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<style>
body,html{
font-family: "微软雅黑";
font-size: 12px;
font-feature-settings: on;
}
.showContent{
width: 200px;
padding: 10px;
margin: 10px;
border: 1px dashed #2AABD2;
}
</style>
<script>
var app = angular.module("reApp",[]);
app.config(function($controllerProvider){
$controllerProvider.register("reCon",["$scope",function($scope){
$scope.content = "";
$scope.clickShow = function(){
$scope.content = "showContent";
$scope.showContent = "依赖注入";
};
}]);
});
</script>
</head>
<body ng-app="reApp">
<p ng-controller="reCon">
<button type="button" ng-click="clickShow();">依赖注入</button><br><br>
<label class="{{content}}">{{showContent}}</label>
</p>
</body>
</html>
3. Implementierungsergebnisse
(1) Initialisierung
(2) Beim Klicken auf die Schaltfläche
Das Obige ist das Abhängigkeitsinjektion von AngularJS (Beispiel 1) Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
Wissen Sie, ob Sie die andere Person sofort kündigen, nachdem Sie ihr auf Douyin gefolgt sind?
So beheben Sie einen Fehler im Skript der aktuellen Seite
Einführung in die Verwendung von Rowid in Oracle
So löschen Sie WeChat-Emoticons
Ripple-Kaufprozess
Öffnen Sie den Home-Ordner auf dem Mac
Verwendung der Sortierfunktion c++sort
Was ist das Funktionsprinzip und der Prozess von Mybatis?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
