控制器的功能在Angular JS中不起作用

Question

按鈕代碼是

<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>

新控制器是

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

如果我不添加任何控制器而只是聲明函數，則下面的代碼工作正常

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

但是當我添加控制器時，按鈕將停止工作。 我嘗試了每個函數定義和堆棧溢出的答案，但似乎沒有任何正常工作。 我如何像以前那樣在控制器內部進行按鈕的工作？

Answer 1

 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.controller 。 ng-controller是指令，用於在視圖中定義控制器。

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

控制器的功能在Angular JS中不起作用

問題描述

按鈕代碼是

新控制器是

1 個解決方案

解決方案1
2 2017-08-23 11:41:34

控制器的功能在Angular JS中不起作用

問題描述

按鈕代碼是

新控制器是

1 個解決方案

解決方案1 2 2017-08-23 11:41:34

解決方案1
2 2017-08-23 11:41:34