I won’t say much nonsense, I will just post the code to you. The specific code is as follows:
<!DOCTYPE html>
<html ng-app="myPro">
<head>
<meta charset="UTF-8">
<title>angular-Implement the function of downloading and installing packages</title>
<script src="js/"></script>
<script src="js/jquery-1.11."></script>
<style>
*{padding: 0;margin: 0;}
ol,ul{list-style: none;}
a{display:block;margin: 200px 0 0 500px;}
</style>
</head>
<body ng-controller="myProController">
<a href="{{onLoadPcUrl}}" rel="external nofollow" >Download the installation package</a>
</body>
<script>
var pro = ("myPro",[]);
("myProController",["$scope","$rootScope","$location",function($scope,$rootScope,$location){
($().split("angularJS")[0]);
$ = $().split("angularJS")[0]+'angularJS/test/';
}]);
</script>
</html>
PS: I'll share with you a piece of code about angularJS implementing anchor point jump example
<!DOCTYPE html>
<html ng-app = "myPro">
<head>
<meta charset="UTF-8">
<title>angularJS_Implement an anchor jump instance</title>
<script src="js/"></script>
<script src="js/jquery-1.11."></script>
<style>
*{padding: 0;margin: 0;}
ul,ol{list-style: none;}
body{background-color: #414246;}
::-webkit-scrollbar{width: 7px;height: 4px;}
::-webkit-scrollbar-track{border-radius:0 ;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.box{width: 800px;height: 500px;border: 1px solid #000000;margin: 100px auto;background-color: #373a3f;color: #a1a6a7;font-size: 12px;}
.box .box-header{width: 790px;height:40px;border: 1px solid #000000;padding: 10px 0 0 10px;font-size: 14px;}
.box .box-header ul li{float: left;margin: 0 8px;line-height: 40px;font-size: 16px;cursor: pointer;}
.box .box-header ul {color: #0088cc;text-shadow: 0 0 6px #808080;cursor: pointer;}
.box .box-main{width: 790px;height: 440px;padding: 10px 0 0 10px;overflow-y:auto;}
.box .box-main ul .first_li{width:100%;height: 100px;}
.box .box-main ul .first_li .initials{width:100%;height: 20px;line-height: 20px;background-color: #3f4045;}
.box .box-main ul .first_li .position{width:100%;}
.box .box-main ul .first_li .position ul li{width:50px;height: 20px;line-height: 20px; float: left;text-align: center;margin: 20px;}
</style>
</head>
<body ng-controller = "myProController">
<div class="box">
<div class="box-header">
<ul choice-channel-jump>
<li ng-class="{'on':}">#</li>
<li ng-class="{'on':}">A</li>
<li ng-class="{'on':}">B</li>
<li ng-class="{'on':}">C</li>
<li ng-class="{'on':}">D</li>
<li ng-class="{'on':}">E</li>
<li ng-class="{'on':}">F</li>
<li ng-class="{'on':}">G</li>
<li ng-class="{'on':}">H</li>
<li ng-class="{'on':}">I</li>
<li ng-class="{'on':}">J</li>
<li ng-class="{'on':}">K</li>
<li ng-class="{'on':}">L</li>
<li ng-class="{'on':}">M</li>
<li ng-class="{'on':}">N</li>
<li ng-class="{'on':}">O</li>
<li ng-class="{'on':}">P</li>
<li ng-class="{'on':}">Q</li>
<li ng-class="{'on':}">R</li>
<li ng-class="{'on':}">S</li>
<li ng-class="{'on':}">T</li>
<li ng-class="{'on':}">U</li>
<li ng-class="{'on':}">V</li>
<li ng-class="{'on':}">W</li>
<li ng-class="{'on':}">X</li>
<li ng-class="{'on':}">Y</li>
<li ng-class="{'on':}">Z</li>
</ul>
</div>
<div class="box-main">
<ul>
<li class="first_li" ng-repeat="data in positionDatas" >
<p class="initials">{{}}</p>
<div class="position">
<ul>
<li ng-repeat = "d in track by $index">
<p>{{}}</p>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</body>
<script>
var pro = ("myPro",[]);
("myProController",["$scope",function($scope){
var data = [
{"letter":"#","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"Zheng Wang"}]},{"letter":"A","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"B","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"C","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"D","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"E","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"F","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"G","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"H","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"I","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"J","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"K","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"L","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"M","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"N","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"O","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"P","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"Q","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"R","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"S","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"T","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"U","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"V","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"W","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"X","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"Y","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]},
{"letter":"Z","title":[{"name":"Zhang San"},{"name":"Li Si"},{"name":"Zhou Wu"},{"name":"King Zheng"}]}
];
$ = data;
$ = {
A:false,
B:false,
C:false,
D:false,
E:false,
F:false,
G:false,
H:false,
I:false,
J:false,
K:false,
L:false,
M:false,
N:false,
O:false,
P:false,
Q:false,
R:false,
S:false,
T:false,
U:false,
V:false,
W:false,
X:false,
Y:false,
Z:false,
other:false
};
($,function(i){
if(=="#"){
$ = true;
}else{
$[] = true;
};
})
}]);
("choiceChannelJump",[function(){
return{
restrict:"A",
link:function(scope,element,attr){
var parent = $(".box-main");
var obj = $(element);
("li").click(function(){
var _this = $(this);
var text = _this.text();
(text);
if(text=="#"){
text = "other";
};
if(_this.hasClass('on')){
({scrollTop:$('#'+text).offset().().top+()+'px'})
}
});
}
}
}]);
</script>
</html>
Summarize
The above is the function code sharing of Angular implementation download and installation package introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support for my website!