ฉันใช้มุมมอง ng เพื่อรวมมุมมองบางส่วนของ AngularJS และฉันต้องการอัปเดตชื่อหน้าและแท็กส่วนหัว h1 ตามมุมมองที่รวมไว้ แม้ว่าสิ่งเหล่านี้จะอยู่นอกขอบเขตของคอนโทรลเลอร์มุมมองบางส่วนและดังนั้นฉันจึงไม่สามารถหาวิธีผูกเข้ากับชุดข้อมูลในคอนโทรลเลอร์ได้
ถ้าเป็น ASP.NET MVC คุณสามารถใช้ @ViewBag เพื่อทำสิ่งนี้ได้ แต่ฉันไม่รู้ว่าเทียบเท่าใน AngularJS ฉันค้นหาเกี่ยวกับบริการที่แชร์เหตุการณ์ ฯลฯ แต่ยังไม่สามารถใช้งานได้ วิธีใดที่จะแก้ไขตัวอย่างของฉันดังนั้นมันจะได้ผลมาก
HTML ของฉัน:
<html data-ng-app="myModule">
<head>
<!-- include js files -->
<title><!-- should changed when ng-view changes --></title>
</head>
<body>
<h1><!-- should changed when ng-view changes --></h1>
<div data-ng-view></div>
</body>
</html>JavaScript ของฉัน:
var myModule = angular.module('myModule', []);
myModule.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/test1', {templateUrl: 'test1.html', controller: Test1Ctrl}).
when('/test2', {templateUrl: 'test2.html', controller: Test2Ctrl}).
otherwise({redirectTo: '/test1'});
}]);
function Test1Ctrl($scope, $http) { $scope.header = "Test 1";
/* ^ how can I put this in title and h1 */ }
function Test2Ctrl($scope, $http) { $scope.header = "Test 2"; }
ความคิดเห็นนี้อาจจะช้า แต่ฉันต้องการเพิ่ม cssfacts.com/simple-dynamic-meta-tags-in-angularjsสิ่งนี้มีประโยชน์สำหรับชุด metas แบบไดนามิก คุณเพิ่งจะเปลี่ยนตัวแปรเมตา $ rootScope ของคุณ
—
Kamuran Sönecek