如何在angularjs中单击文本框后立即从一个页面导航到另一个页面

我的javascript文件是

var todoModule = angular.module('ToDoModule', ['ngRoute','ngTable']) 
.config(function($routeProvider) {

        $routeProvider
            // route ToDo page
            .when('/', {
                templateUrl : "todo.tmpl.html",
                controller  : "ParentController"
            })

            // route for the Summary page
            .when('/summary', {
                templateUrl : 'summary.tmpl.html',
                controller  : 'SummaryController'
            })

            // route for the pendingtask page
            .when('/pendingtask',{
                templateUrl: 'pendingtask.tmpl.html',
                controller : 'pendingtaskController'
            })

            // route for details page
            .when('details',{
                templateUrl: 'details.tmpl.html',
                controller : 'detailsController'
            })

            // when anything else, just go to '/'
            .otherwise('/');
    })

.controller('detailsController',['$scope','ToDo',function($scope,ToDo)
    {

    }])

---

假设我有index.html文件和文本框，如果我在该文本框内单击，我应该能够导航到details.tmpl.html文件。有人能帮我吗。如何在此处使用ng Click指令？？？提前感谢。

只需使用

$location.path（“/details”）在
ng中单击
功能：

.controller('detailsController',['$scope','$location',function($scope, $location) {
   $scope.redirect = function() {
      $location.path('/details');
   }
}])

顺便说一句，阅读文档并用谷歌搜索它会让你在不到1分钟的时间内找到它，只需使用
$location.path（'/details'）在
ng中单击
功能：

.controller('detailsController',['$scope','$location',function($scope, $location) {
   $scope.redirect = function() {
      $location.path('/details');
   }
}])

顺便说一句，阅读文档并在谷歌上搜索它会让你在不到1分钟的时间内找到它，添加
ng点击
到你的html文本区域，如下所示

<textarea cols="30" rows="10" ng-click="redirect()"></textarea>

但是请注意，为了在控制器中使用$location，您应该将其注入控制器中

更新

我添加了一个工作区。
添加
ng单击
到您的html文本区，如下所示

<textarea cols="30" rows="10" ng-click="redirect()"></textarea>

但是请注意，为了在控制器中使用$location，您应该将其注入控制器中

更新

我添加了一个工作项。
这对我不起作用，有什么帮助吗？？？@PratapA.K你能提供plunker吗？而不是summary.tmpl.html页面中的锚标记，我需要通过单击文本框来完成此操作。@PratapA.K您的问题似乎是输入元素未按预期呈现，可能是因为您的ngTable指令，也许您应该在其他地方查找问题，但我更新了我的答案，因为您需要检查它…非常感谢您的帮助@wickY26它对我不起作用，有什么帮助吗？？？@PratapA.K你能提供plunker吗？而不是summary.tmpl.html页面中的锚标记，我需要通过单击文本框来完成此操作。@PratapA.K您的问题似乎是输入元素未按预期呈现，可能是因为您的ngTable指令，也许您应该在其他地方查找问题，但我更新了我的答案，因为您需要检查它…非常感谢您的帮助@wickY26它对我不起作用，有什么需要帮忙的吗？你的枪太大了。提供一个只有你关心的最低限度的。修改。。。。。。。。。。不工作，如果我点击文本框，我应该能够导航到details.tmpl.html页面。。有什么帮助吗？？这对我没用，有什么帮助吗？你的东西太大了。提供一个只有你关心的最低限度的。修改。。。。。。。。。。不工作，如果我点击文本框，我应该能够导航到details.tmpl.html页面。。有什么帮助吗？？