Javascript 将对象指定给angular js中的属性，以尝试在另一个脚本标记中重用_Javascript_Angularjs_Html

Javascript 将对象指定给angular js中的属性，以尝试在另一个脚本标记中重用

javascript angularjs html

Javascript 将对象指定给angular js中的属性，以尝试在另一个脚本标记中重用,javascript,angularjs,html,Javascript,Angularjs,Html,我正在尝试使用angular js创建一个交互式体验。我想知道我是否可以创建属性，分配对象，然后在“index.html”中的脚本标记中实例化它们比如说 var app = angular.module('myApp'); app.controller('MainController', ['$scope', function($scope) { $scope.title = 'Barry Bounce'; $scope.barry = { test1: function

我正在尝试使用angular js创建一个交互式体验。我想知道我是否可以创建属性，分配对象，然后在“index.html”中的脚本标记中实例化它们

比如说

var app = angular.module('myApp');

app.controller('MainController', ['$scope', function($scope) { 
  $scope.title = 'Barry Bounce';
  $scope.barry =  {
    test1: function() {
        return "My name is slim shady"
    }

  }

}]);

index.html如下所示

<!doctype html>
<html>
  <head>

<title>Barry bounce</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>

  </head>
  <body ng-app="myApp">


<div class="main" ng-controller="MainController">
  <script> document.write(barry.test1)</script>


</div>

<!-- Modules -->
<script src="js/app.js"></script>

<!-- Controllers -->

<script src="js/controllers/MainController.js"></script>

  </body>
</html>


巴里·鲍恩斯
document.write（barry.test1）

然后用index.html中脚本标记中的所有属性实例化{{Barry}}

是否有更好的方法来实现这一点，例如使用指令或工厂

p.S我对angular js不熟悉，任何指导都将不胜感激。

不需要在HTML中实例化。一旦在controller中声明，它将自动实例化。要在index.html中获得该值，可以使用ng模型进行绑定

var-app=angular.module（'myApp'）

app.controller（'MainController'，['$scope'，函数（$scope）{
$scope.title='Barry Bounce'；
$scope.barry=[
{test1:'“我的名字是斯利姆·夏迪”}，
];     
}    
}]);

HTML

Barry bounce

您可以添加JSFIDLE吗？您的问题不清楚。@SwatiMaheshwari check edit为什么要在index.html中实例化barry？这不是必需的。我可以为元素分配函数吗？您可以在页面加载、ng click事件、按键等时调用函数检查此项谢谢帮助：）

app.controller('MainController', ['$scope', function($scope) { 
  $scope.title = 'Barry Bounce';      
  $scope.barry = [
    {test1:'"My name is slim shady"'},
  ];     
  }    
}]);

<!doctype html>
<html>
  <head>

<title>Barry bounce</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>

  </head>
  <body ng-app="myApp">


<div class="main" ng-controller="MainController">
<span ng-model="barry.test1"> </span


</div>

<!-- Modules -->
<script src="js/app.js"></script>

<!-- Controllers -->

<script src="js/controllers/MainController.js"></script>

  </body>
</html>