【问题标题】:Angular partial header view角度部分标题视图
【发布时间】:2015-07-09 04:48:57
【问题描述】:

在尝试学习 AngularJS 结构的最佳实践时,我在几个地方读到部分视图应该被实现为指令,这就是我为我的应用程序头所做的。

现在,对于我的特定标题,我有一个后退按钮,该按钮仅在不在主页上时才可见。在终于让它工作之后,我不确定我对我的解决方案是否满意。例如,它不使用var vm = this; 的controllerAs 方法,如果可以避免的话,我宁愿不让它有一个专用的范围/控制器。

这是我的 headerView 的指令代码:

(function () {

    'use strict';

    function appHeader () {
        return {
            restrict: 'E',
            templateUrl: 'shared/header/headerView.html',
            controller: function ($scope, $route, $location) {
                $scope.homeUrl = 'start/' + $route.current.params.id;
                $scope.isHomeUrl = function () {
                    if($location.path() == $scope.homeUrl) {
                        return true;
                    }
                    return false;
                };
                $scope.backClick = function() {
                    window.history.back();
                    return false;
                };
            }
        }
    };

    angular.module('myApp').directive('appHeader', appHeader);

})();

对于我的带有后退按钮的标题,你怎么看,你会用另一种方式来做吗?有什么建议吗?

【问题讨论】:

    标签: javascript angularjs angularjs-directive partials


    【解决方案1】:

    Angular UI Router 将是比指令更好的选择。

    看看这个question,它写得很好,而且有一个工作的plunker!

    关于 controllerAs 方法,请查看stackoverflow question

    【讨论】:

    • 谢谢,UI 路由器是我绝对需要检查的东西。至于控制器的好处和用法我已经很熟悉了。
    猜你喜欢
    • 1970-01-01
    • 2014-09-10
    • 1970-01-01
    • 2013-05-27
    • 1970-01-01
    • 2018-12-26
    • 2015-02-26
    • 2013-07-01
    • 1970-01-01
    相关资源
    最近更新 更多