Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript — Chế độ xem chuyển đổi không chuyển Bộ điều khiển trong Angular

In lại Tác giả: Walker 123 更新时间：2023-11-28 07:08:03 30 4
mua khóa gpt4 Nike

我有一个简单的 Angular 应用程序，它使用两个模板和 Controller 。放置两个按钮来切换 View 。它们调用在控件内定义的函数，该函数使用 window.location='' 来切换位置。

但是，如果我放置 ng-controller 指令，模板会发生变化，但 Controller 不会发生变化。但如果我只是删除 ng-controller 指令，则根本不会加载任何 Controller ，但会呈现默认 View 。

出了什么问题？这是我的代码:

HTML: 


 


 





  
    

 
  
 
   
   

   

   		 
 





   


Xem sitemap của VNExpress

Xem sitemap của VNExpress

Javascript:

/*********************************
*>Apply controller to angular app**
 *>Define major functions **********
********************************/

//Initalize app
var app=angular.module('schoolConnect',['ngSanitize','ngRoute']);

//Define Views  

function configViews($routeProvider)
{
   $routeProvider
   //default view is Take Attendance
    .when('/take',{
      templateUrl: 'partials/takeAttendance.html', controller: "takeCtrl"
      })

     //View for tviewing attendance
     .when('/view',{
        templateUrl: 'partials/viewAttendance.html', controller: "viewCtrl"
        })

      .nếu không thì({
        redirectTo:'/take'
       });
 }

 //Assign Views
  app.config(configViews);



//Assign controllers

//Take Attendance-Controller
app.controller('takeCtrl',takeCtrl);

//Define Controller
function takeCtrl($scope,$http){
  $scope.pageTitle='Attendance';

  //************INITIALIZE SOME VARIABLES AS REQUIRED*****
  $scope.view_btn='btn-danger';
  $scope.take_btn='btn-default';
  $scope.isTaking=true;
  $scope.isViewing=false;

    //SOME MORE CODE HERE

  } //CONTROLLER 1 ENDS


 //View Attendace-Controller
 app.controller('viewCtrl',viewCtrl);

//Define Controller
function viewCtrl($scope,$http){
    $scope.pageTitle='Attendance';

   //************INITIALIZE SOME VARIABLES AS REQUIRED*****
    $scope.view_btn='btn-default';
    $scope.take_btn='btn-danger';
    $scope.isTaking=false;
    $scope.isViewing=true;

     //SOME MORE CODE HERE

    } //CONTROLLER 2 ENDS

View 加载得很好，但 Controller 是相同的。如果我将其从 body 标记中删除，则根本没有 Controller ..

câu trả lời hay nhất

如果您将 Controller 绑定(bind)到路由提供者中的 View ，则无需使用 ng-controller。 


Xem sitemap của VNExpress

注入(inject)$location服务以正确切换 View 。 

viewCtrl($scope,$http,$location){

并使用path方法切换到指定 View :

$location.path('/take');

然后在index.html中插入ng-view


在此 div 中将有来自路线的 View 。

关于javascript - 切换 View 不会以 Angular 切换 Controller ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31549251/

30 4 0
Đề xuất bài viết: html - 将导航栏保持在图像 slider 上方 wordpress 主题
Đề xuất bài viết: c++ - 带有数组的 Arduino C++ 类
Đề xuất bài viết: ios - 导入 AssetsLibrary 后 Xcode 生成项目错误
Đề xuất bài viết: c# - 如何将数组从 C++ 库传递到 C#
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com