如何angularjs

Question

兩個控制器結合如何將這兩個控制器結合成單一控制器類（使單個控制器類的兩個對象），以及如何使用相同的HTML

var firstController = function ($scope) 
{ 
    // Initialize the model variables 
    $scope.firstName = "John"; 
    $scope.middleName = "Doe" 
    $scope.lastName = "Smith"; 

    // Define utility functions 
    $scope.getFullName = function() 
    { 
    return $scope.firstName + " " + $scope.lastName; 
    }; 
}; 

var secondController = function ($scope) 
{ 
    // Initialize the model variables 
    $scope.firstName = "Bob"; 
    $scope.middleName = "Al"; 
    $scope.lastName = "Smith"; 

    // Define utility functions 
    $scope.getFullName = function() 
    { 
    return $scope.firstName + " " + $scope.middleName + " " + $scope.lastName; 
    }; 
}; 

Answer 1

您可以創建一個組件

angular.module('plunker').component('person', 
{ 
    templateUrl: 'person.html', 
    bindings: { 
     firstName: '<', 
     middleName: '<', 
     lastName: '<' 
    } 
}); 

這裏是一個工作plunkr：

https://plnkr.co/edit/XJSk0ihDTX3pgsab81mO