Javascript 控件在与onsenui一起使用Angular.JS时不可见_Javascript_Angularjs_Cordova_Onsen Ui

Javascript 控件在与onsenui一起使用Angular.JS时不可见

javascript angularjs cordova

Javascript 控件在与onsenui一起使用Angular.JS时不可见,javascript,angularjs,cordova,onsen-ui,Javascript,Angularjs,Cordova,Onsen Ui,我正在使用Angular.js和onsenui来制作移动应用程序。这是我的密码： <!DOCTYPE html> <html> <meta charset="utf-8"> <link rel="stylesheet" href="lib/onsen/css/onsenui.css"> <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"> <s

我正在使用Angular.js和onsenui来制作移动应用程序。这是我的密码：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
<script src="lib/onsen/js/onsenui.js"></script>
<script src="js/app.js"></script>
<script>
  ons.bootstrap();
</script>

<body ng-app="myApp">

 <ons-page>
      <ons-toolbar>
        <div class="center">Login</div>
      </ons-toolbar>

      <ons-list>
        <ons-list-item>
          <input type="text" placeholder="Email Address" class="text-input text-input--transparent" style="margin-top:8px; width: 100%;">
        </ons-list-item>

        <ons-list-item>
          <input type="password" placeholder="Password" class="text-input text-input--transparent" style="margin-top:8px; width: 100%;">
        </ons-list-item>
      </ons-list>


      <div class="content-padded">
        <ons-button modifier="large" onclick="">Save</ons-button>
      </div>

      <div class="content-padded">
        <ons-button modifier="large" onclick="">Dont have an account?</ons-button>
      </div>
</ons-page>



<div>
<input type="text" ng-model="name">
<p>Hello {{name}}</p>
</div>
</body>
</html>

 <script>

var myApp = angular.module('myApp',[]);

myApp.controller('HelloCtrl', function($scope){
  $scope.name = "Onsen UI!";
});

</script>

控件在页面上不可见。我也查过谷歌，但没有帮助。

提前谢谢你

也许在HTML中你需要告诉你想要使用什么控制器？添加将控制器设置为要与之一起使用的“顶级”元素。在您的例子中，可能是输入元素正上方的DIV元素

<div ng-controller="HelloCtrl">
<input type="text" ng-model="name">
<p>Hello {{name}}</p>
</div>


你好{{name}

在我的应用程序中，因为我只有一个控制器，所以我把它放在我的身体元素上，它对我有效

<body ng-app ng-controller="HelloCtrl">

</body>

虽然您的代码可能（或不可能）工作，但如果您添加一个关于问题的简要说明以及您的代码是如何解决问题的，那就太好了。因为它没有提供一个完整的答案根据啊，谢谢。。。我刚刚编辑了答案，希望有帮助。

<body ng-app ng-controller="HelloCtrl">

</body>