Javascript 如何在角度动力学中改变场_Javascript_Jquery_Angularjs_Angularjs Scope_Steroids

Javascript 如何在角度动力学中改变场

javascript jquery angularjs

Javascript 如何在角度动力学中改变场,javascript,jquery,angularjs,angularjs-scope,steroids,Javascript,Jquery,Angularjs,Angularjs Scope,Steroids,我有一个非常简单的问题，我以前用不同的方式问过很多次，但都没有得到我需要的帮助。因此，我熟悉javascript和HTML，但在角度和类固醇方面，我是一个真正的noob。我在所有其他问题中都提供了代码，但这次我只想提供一些图片来说明我的问题，然后也许你们有一个我认为可能的更聪明的解决方案所以这很容易。用户在视图1（第一张图片）中启动，并根据其选择将其转发到下一个视图（图片2）。如果用户单击列表元素按钮1，他/她将通过复选框按钮1.1、按钮1.2和按钮1.3转到图片2。但是，如果他/她单击视图1

我有一个非常简单的问题，我以前用不同的方式问过很多次，但都没有得到我需要的帮助。因此，我熟悉javascript和HTML，但在角度和类固醇方面，我是一个真正的noob。我在所有其他问题中都提供了代码，但这次我只想提供一些图片来说明我的问题，然后也许你们有一个我认为可能的更聪明的解决方案

所以这很容易。用户在视图1（第一张图片）中启动，并根据其选择将其转发到下一个视图（图片2）。如果用户单击列表元素按钮1，他/她将通过复选框按钮1.1、按钮1.2和按钮1.3转到图片2。但是，如果他/她单击视图1（第一张图片）中的按钮2，他/她应该被转发到与他/她单击按钮1时相同的视图（图片2），只是这次复选框的值应该是按钮2.1、按钮2.2和按钮2.3。这怎么可能？？我使用scope，我想动态地改变它，但在尝试了1000次之后，我放弃了它，我只想看到一个解决方案起作用。请帮忙

用代码更新 好的，我在这篇文章中添加了som代码，但请说明这是一个有效的解决方案。除了一些小的差异外，代码示例几乎与上面描述的相同。单击index1.html中的按钮1时，用户应转发到index2.html，范围值应为button1。如果用户单击按钮2，则范围值应为按钮2。但是，范围值保持静态，与原始值“索引2”没有变化。我没有在第一种情况下提供代码的原因是，我只想要一个显示下面第一张图片的解决方案，通过单击其中一个选项，用户将进入下一个视图（图片2），并根据他/她单击的按钮查看复选框值。我不想为了显示每个按钮的不同值而创建三个html页面，我想动态更改这些值。这怎么可能？？？请输入下面的代码

Index.html

    <!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.12/angular.js" data-semver="1.3.12"></script>
    <script src="app.js"></script>
  </head>

  <body>
<div ng-controller="IndexController">
      <a class="item" href="#" ng-click="button1()">
        Button1
      </a>
      <br> <br>
      <a class="item" href="#" ng-click="button2()">
        Button2
      </a>
</div>
  </body>
</html>

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.12/angular.js" data-semver="1.3.12"></script>
    <script src="app.js"></script>
  </head>

  <body>
<div ng-app="plunker" ng-controller="IndexController2" >

<b> {{Test}} </b>

</div>
  </body>
</html>

您还可以添加到目前为止您已经尝试过的代码吗？实体模型很好，但是如果没有你的实际工作代码，我们不会走得太远。好吧，我更新了我的帖子，但是它不适合我使用的代码，只要我尝试的工作正常。我只想根据用户单击的按钮显示不同的文本，我不想每次文本都不同时创建一个html页面。您有两个单独的index.html-page的原因吗？通常你们在客户端用角路由器进行页面转换。不知道，我愿意听取任何建议。我创建了两个html页面，因为这是我用Javascript开发时习惯的。你能给我一个解决办法吗？

var app = angular.module('plunker', []);

app.controller('IndexController', function($scope, $rootScope) {  




     $scope.button1 = function(){   
       console.log("inside button1");
 $scope.Test = "Button1";

        // The code to change the view from Index.html to index2.html
        /*  var view = new supersonic.ui.View("legeApp#helsePlagerOrer");
            //supersonic.ui.layers.push(view);
            var customAnimation = supersonic.ui.animate("flipHorizontalFromLeft");
            supersonic.ui.layers.push(view, { animation: customAnimation });*/
        };

     $scope.button2 = function(){   
       console.log("inside button2");
        $scope.Test = "Button2";

            // The code to change the view from Index.html to index2.html
        /*  var view = new supersonic.ui.View("legeApp#helsePlagerNese");
            //supersonic.ui.layers.push(view);
            var customAnimation = supersonic.ui.animate("flipHorizontalFromLeft");
            supersonic.ui.layers.push(view, { animation: customAnimation });*/
        };

    });

    app.controller('IndexController2', function($scope, $rootScope) {   
      $scope.Test = "index 2";
    });