gpt4 book ai didi

javascript - Controller 的功能在 Angular JS 中不起作用

转载 作者:行者123 更新时间:2023-12-01 03:11:07 25 4
gpt4 key购买 nike

按钮代码是

<div class="btn-group" align="center">
<button ng-click="myFunction()" id="one" class='btn btn-primary btn1' >Save Entry</button>
<button ng-click="close_window()" id="two" class='btn btn-primary btn2'>Exit</button>
</div>

新 Controller 是

var app=angular.module('userApp',[])
app.ng-controller('userController', function($scope)){
$scope.myFunction = function(){
var change= document.getElementById("one")
if (change.innerHTML == "Save Entry")
{
change.innerHTML = "Saved!";
}
else
{
change.innerHTML = "Save Entry";
}
return
}

$scope.close_window = function() {
if (confirm("Close Window?")) {
window.close();
}
}
}

如果我没有添加任何 Controller 并且只是声明函数,那么下面的代码工作正常

function myFunction(){
var change= document.getElementById("one")
if (change.innerHTML == "Save Entry")
{
change.innerHTML = "Saved!";
}
else
{
change.innerHTML = "Save Entry";
}
}

function close_window() {
if (confirm("Close Window?")) {
close();
}

但是当我添加 Controller 时,按钮将停止工作。我尝试了有关堆栈溢出的每个函数定义和答案,但似乎没有任何功能正常工作。我如何像以前那样在 Controller 内实现按钮的工作?

最佳答案

var app=angular.module('userApp',[])
app.controller('userController', function($scope){
$scope.myFunction = function(){
var change= document.getElementById("one")
if (change.innerHTML == "Save Entry")
{
change.innerHTML = "Saved!";
}
else
{
change.innerHTML = "Save Entry";
}
return
}

$scope.close_window = function() {
if (confirm("Close Window?")) {
window.close();
}
}
});
<DOCTYPE html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body ng-app="userApp" ng-controller="userController">
<div class="btn-group" align="center">
<button ng-click="myFunction()" id="one" class='btn btn-primary btn1' >Save Entry</button>
<button ng-click="close_window()" id="two" class='btn btn-primary btn2'>Exit</button>
</div>
</body>

你正在使用app.ng-controller它应该是app.controllerng-controller是一个指令,用于定义 Controller 可见。

app.controller('userController', function($scope){
.......
})

关于javascript - Controller 的功能在 Angular JS 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45838608/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com