如何在本地设置角度？

-1

一切都已经工作的很好，我已经能够使用柔性等。不过，我想使用这里找到bottomsheet演示：

https://material.angularjs.org/#/demo/material.components.bottomSheet

我试图建立它自己的以及直接从演示中获取代码，当我运行它时，没有任何按钮显示出来，它们只是显示为文本，而且我看到{{alert}}

附加是结果imgur的屏幕截图。 com/9t5I5SY

<div ng-controller="BottomSheetExample"> 
    <p style="padding-left: 20px;"> 
    Bottom sheet can be dismissed with the service or a swipe down. 
    </p> 
    <div class="bottom-sheet-demo inset" layout="column" layout-sm="row" layout-align="center"> 
    <md-button class="md-primary" ng-click="showListBottomSheet($event)"> 
     Show as List 
    </md-button> 
    <div style="width:50px;"></div> 
    <md-button class="md-primary" ng-click="showGridBottomSheet($event)"> 
     Show as Grid 
    </md-button> 
    </div> 
    <br/> 
    <b layout="row" layout-align="center center" layout-margin> 
    {{alert}} 
    </b> 
</div>

如果任何人都可以告诉我为什么这不起作用我永远在你的债务。

谢谢！

来源

2015-03-03 Brian Quach

检查您的控制台。你确定你正在加载模板以及示例中提供的JS吗？ – pizzasynthesis 2015-03-03 02:22:01

是的，我100％确定我正在加载模板。但是我确实有两个控制台错误。但他们似乎都与我没有触及的文件有关这里是一个截图http://imgur.com/Nlo3J6h – 2015-03-03 02:44:25

对不起，我错过了你已经使用MAMP，所以不需要我的第一个建议。但看到我的编辑，并让我知道，如果这有帮助。 – pizzasynthesis 2015-03-03 02:59:03

这里可能有多个答案。

我能够在本地重新创建错误，并且使用Angular的开发版本，我发现它抱怨ng-app名称与angular.module名称不匹配，以及控制器的'AppCtrl'（这个例子是正确的）不匹配。阅读那里的错误，看看你的命名约定是否导致问题。

其次，你需要使用npm来安装（至少）一个轻量级本地服务器。这是必要的，因为您正在向HTML模板文件发出跨源请求。这里有一个很好的选择：

npm install -g http-server

然后在你的站点根目录运行以下命令：

http-server .

这应该给你在本地主机本地服务器：8080

我认为替代是将你的模板全部保存在同一个JavaScript文件中，但我无法确定。也许试试两个？

编辑：根据你的错误，它看起来像Angular抱怨BottomSheetExample不是一个函数（得到未定义）。

看到您的控制器已被调用BottomSheetExample，请确保这是您的控制器在主JS文件中调用的内容。

现在用ng-app属性做同样的事情。这条线：

angular.module('bottomSheetDemo1', ['ngMaterial'])

应该分享与前者的命名约定。如果您已经声明了ng-app属性，请考虑将此控制器作为该模块的子控制器，或完全使用单独的模块。（如果我使用错误的术语，请原谅我）。

例如，如果你ng-app属性等于starterApp那么你应该代替声明如下：

var app = angular.module('starterApp', ['ngMaterial'])

来源

2015-03-03 02:47:03 pizzasynthesis

什么是真棒回应。非常感谢您输入比萨（挖掘用户名）。我将模板存储在同一个JavaScript文件中，它工作正常！唯一的问题是我能够得到演示在codepen上工作，但是当我尝试将它放到我当前的项目中时，我仍然得到相同的错误。以下是codepen的工作版本：http：// codepen。io/H0BB5/pen/JoBYxX 这里是非工作版本，当我尝试把它放到我的网站（我试图把它放在绿色和红色框的一侧） http://codepen.io/H0BB5/笔/ qEOLOLZ真的希望它是一个小的修复 – 2015-03-03 03:48:19

我认为问题是你声明两个不同的角应用程序。看到这个答案：http://stackoverflow.com/a/12864137/2694851。 – pizzasynthesis 2015-03-03 16:21:43

这是一支笔。由于模块不能嵌套（每个页面有一个'app'/模块），因此我删除了对称为“StarterApp”的模块的引用，以及HTML中的ng-app指令。 http://codepen.io/anon/pen/YPjpQM – pizzasynthesis 2015-03-03 16:22:35

你BottomSheetExample控制器是bottomSheetDemo1模块的一部分，但你不包括模块的任何地方。无论是绝对移动你的BottomSheetExample和GridBottomSheetCtrl控制器到StarterApp模块或包括bottomSheetDemo1模块作为依赖，如

var app = angular.module('StarterApp', ['ngMaterial', 'bottomSheetDemo1']);

Codepen

来源

2015-03-03 04:48:27 Phil

是的！就是这样，就是这样！啊，谢谢菲尔。现在我可以停止将我的头撞到墙上了 – 2015-03-03 05:09:08

-1

工作。从这个链接

步步

下载zip文件 - HTML文件夹内 https://www.dropbox.com/s/ng97xnupazki052/laravel-angular.zip?dl=0
提取zip文件。
打开终端并运行命令 - “php artisan serve -port = 8080”。
在mysql中创建数据库。 5在.env文件（根文件夹中存在的.env文件）中设置数据库的信息。喜欢： - 数据库名称，用户名，密码
再次运行命令 - “php artisan serve -port = 8080”。（在新终端中）
运行另一个命令 - “php artisan migrate：refresh -seed”（用于获取数据库）。
打开浏览器，输入“本地主机：8080”（在地址栏）
输入电子邮件地址和密码：电子邮件：[email protected] 密码：-password

===== =================安装完成=====================

来源

2016-12-20 12:10:36 ajeet

如何在本地设置角度？

回答

相关问题