AngularJS开发WebApp的返回按钮

来源:互联网 发布:单片机连接继电器 编辑:程序博客网 时间:2024/05/16 04:53

HTML模板

<div class="head ta-c p-r">         //点击返回    <span class="p-a c-w back-btn" ng-click="back()">&lt;</span>    <span class="c-w" ng-bind="text">职位详情</span></div>

指令

'use strict'angular.module('app').directive('appHeadBar',[function() {    return {        restrict: 'A',        replace: true,        templateUrl: 'view/template/headBar.html',        scope: {            text: '@'        },link: function ($scope) {            $scope.back = function() {                window.history.back();  // 返回            }        }    };}]);
原创粉丝点击