Angular JS, не может изменить html во второй раз - PullRequest
Новая
       4

Angular JS, не может изменить html во второй раз

0 голосов
/ 08 ноября 2019

На html-странице я хочу изменить содержимое HTML с помощью события щелчка, используя Angular js, но оно не изменяется при повышении события щелчка.

HTML-код 

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-repeat="x in records">{{x}}</h1>
<a href="#" onclick="abc()">aaa</a>

JSкод 

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [
    "Alfreds Futterkiste",
    "Berglunds snabbköp",
    "Centro comercial Moctezuma",
    "Ernst Handel",
  ]
});

function abc() {
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope) {
        $scope.records = [
            "Alfreds",
            "Berglunds",
            "Centro comercial",
            "Ernst",
        ]
    });
}
</script>

1 Ответ

0 голосов
/ 08 ноября 2019

Вы можете достичь своего решения, применив следующие изменения

HTML-код 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-repeat="x in records">{{x}}</h1>
<a ng-click="abc()">aaa</a>

JS-код 

<script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope) {
      $scope.records = [
        "Alfreds Futterkiste",
        "Berglunds snabbköp",
        "Centro comercial Moctezuma",
        "Ernst Handel",
      ]
       $scope.abc = function () {
                $scope.records = [
                "Alfreds",
                "Berglunds",
                "Centro comercial",
                "Ernst",]
            }; 
    });


    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...