小编Gar*_*roz的帖子

$ on和$ broadcast in angular

我有一个footerController和codeScannerController具有不同的视图.

angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]);

angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) {
console.log("start");
$scope.startScanner = function(){...
Run Code Online (Sandbox Code Playgroud)

当我点击<li>footer.html中的一个时,我应该在codeScannerController中获取此事件.

<li class="button" ng-click="startScanner()">3</li>
Run Code Online (Sandbox Code Playgroud)

我认为它可以用$on和实现$broadcast,但我不知道怎样也无法在任何地方找到例子.

javascript angularjs

276
推荐指数
3
解决办法
34万
查看次数

Firefox在选项卡恢复后触发onchange事件

在恢复选项卡后,Firefox正在我的webapp中触发更改事件.

在Firefox中重新加载相同的URL时没有问题,在页面加载时不会触发onchange事件,自上次访问以来所有更改的值都会正确显示.

但是当重新打开具有相同URL的同一页面时,关闭Firefox并重新打开带有"恢复选项卡"的页面(来自Firefox选项"从上次显示我的窗口和选项卡")然后它会触发所有值的onchange事件自上次访问以来已被更改.

实际工作流程重现问题:

  1. 我的更新事件是在后台(JavaScript/AJAX),并使用onchange事件触发;
  2. Firefox设置"上次显示我的窗口和标签"启用;
  3. 更改页面中的一些值(选择字段);
  4. 关闭Firefox;
  5. 在另一台浏览器或计算机上打开相同的URL,并更改一些值;
  6. 重新打开Firefox,选择包含页面的选项卡,它会重新加载并在上次访问后为所有更改的值重新启动更改事件.

尝试使用完全不同的页面(不是由我创建并使用其他脚本库和东西)重现此行为,结果是相同的,它始终触发onchange事件.

Chrome没有使用"恢复标签"选项执行此操作.

为什么要开启onchange事件?我该怎样预防呢?

html javascript firefox html5

27
推荐指数
1
解决办法
1168
查看次数

如何为角材料制作水平导航栏

这是我第一次使用Angular Material而我只是问你们是否可以帮助我使用Angular Material为我的项目添加水平导航栏?我在寻找一个方面遇到了一些麻烦.先感谢您!保持好状况 :)

navbar angularjs angular-material

14
推荐指数
2
解决办法
3万
查看次数

无法使用http-server wiki示例

我使用AngularJs创建了一个web应用程序,用户可以.txt使用ng-file-upload将文件上传到服务器.

现在我想要一个简单的Node.js服务器来测试上传部分并观察页面中的进度条和错误消息的行为,但是对于Node.js和整个后端的工作原理知之甚少,我试着使用所提供的Node.js服务器ng-file-upload的非常维基.

我尝试进行一些更改,将我带到这个app.js文件:

var http = require('http')
  , util = require('util')
  , multiparty = require('multiparty')
  , PORT = process.env.PORT || 27372

var server = http.createServer(function(req, res) {
  if (req.url === '/') {
    res.writeHead(200, {'content-type': 'text/html'});
    res.end(
      '<form action="/upload" enctype="multipart/form-data" method="post">'+
      '<input type="text" name="title"><br>'+
      '<input type="file" name="upload" multiple="multiple"><br>'+
      '<input type="submit" value="Upload">'+
      '</form>'
    );
  } else if (req.url === '/upload') {
    var form = new multiparty.Form();

    form.parse(req, function(err, fields, files) …
Run Code Online (Sandbox Code Playgroud)

javascript http-headers node.js angularjs ng-file-upload

12
推荐指数
1
解决办法
1018
查看次数

角度模态背景问题

我正在使用angular-bootstrap模态,但我有模态背景的问题.我是新手angular-bootstrap,我希望有人能帮助我.

当我点击模态背景时,它隐藏了模态弹出窗口,但我想保留模态背景,直到单击取消.

模态弹出代码在这里

任何人请为此建议解决方案.

谢谢

modal-dialog modalpopups angularjs angular-ui-bootstrap

9
推荐指数
1
解决办法
2万
查看次数

AngularJS将ui-view嵌套到ng-repeat中

我正在使用Spotify API创建一个应用程序.此应用程序可以:1.通过输入字段按艺术家名称查找专辑2.一旦显示专辑,用户可以单击专辑的标题并查看其曲目

我创建了2个视图:1.专辑视图2.曲目视图,专辑视图的子视图.

我想将特定点击专辑的曲目ui-view(带有ID)显示到专辑的ng-repeat中,但结果是我在所有专辑列表中都有相同的专辑曲目列表.如何将专辑的曲目ui-view显示在由ng-repeat指令导致的点击专辑容器中?

这是代码.

路由:

------
.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');

    $stateProvider
      .state('albums', {
        url: '/',
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      }).
      state('albums.tracks', {
        url: ':id/tracks',
        templateUrl: 'views/tracks.html',
        controller: 'TracksCtrl'
      });
})
-----
Run Code Online (Sandbox Code Playgroud)

相册视图:

<div ng-if="albums.items">
    <h1>{{searchedArtist}}'s Album List:</h1>
    <!-- albums ng-repeat -->
    <div ng-repeat="album in albums.items | unique:'name'" id="{{album.id}}">
    <img  ng-src="{{album.images[1].url}}" width="100">
    <!-- the action to translate the state to tracks view -->
    <a ui-sref="albums.tracks({id : album.id})">{{album.name}}</a>
    <!-- tracks view -->
    <div ui-view></div>
</div>
Run Code Online (Sandbox Code Playgroud)

主要专辑控制器:

angular.module('spotifyAngularApp')
.controller('MainCtrl', function ($scope, …
Run Code Online (Sandbox Code Playgroud)

javascript nested angularjs angularjs-ng-repeat angular-ui-router

7
推荐指数
2
解决办法
5372
查看次数

Java byteArray在JavaScript中等效

我正在尝试确定哪种编码方案将给我jpeg文件类型的数字-1或-40(文件的起始数字)。

我正在使用的Rest API期望一个看起来像[-1、94、43、34等]的字节数组。在node.js中,我可以将字节数组设置为十六进制或任何其他编码类型,但是无论尝试哪种编码方案,我似乎都无法获得-1或-40作为起始值。

在文档中,我看到了Java中使用“ toByteArray()”函数的示例,该函数似乎获得了起始值(-1或-40)。谁能帮我?

javascript java byte bytearray node.js

6
推荐指数
1
解决办法
5225
查看次数

图像GET使用Webpack和AngularJS在生产中抛出404错误

我有这个难题,经过多次尝试后无法解决:

我无法在生产中加载静态图像;

在开发(npm run serve)时一切都很好,即使在从dist提供文件时(npm run serve:dist)

版本

Webpack:3.12.0

file-loader:1.1.11

url-loader:1.1.2

AngularJS:1.6.9

开发时:

我的index.html包含这一行,webpack将不会加载

<base href="/"></base>
Run Code Online (Sandbox Code Playgroud)

而我的AngularJS配置块包含

$locationProvider.hashPrefix('');
Run Code Online (Sandbox Code Playgroud)

我使用像http:// localhost:3000 /#/ appName/listingComponent/users这样的URL

我能够像这样使用ng-src(有时是动态绑定)来查看每个图像

<img ng-src="app/images/image1.png">
Run Code Online (Sandbox Code Playgroud)

文件夹结构是这样的

ui/
??? conf/
?   ??? browsersync-dist.conf.js
?   ??? browsersync.conf.js
?   ??? gulp.conf.js
?   ??? webpack-dist.conf.js
?   ??? webpack.conf.js
??? gulp_tasks/
?   ??? browsersync.js
?   ??? misc.js
?   ??? webpack.js
??? node_modules/
??? src/
?   ??? app/
?   ?   ??? config.js  //global variables
?   ?   ??? favicon.ico …
Run Code Online (Sandbox Code Playgroud)

path relative-path angularjs webpack webpack-3

6
推荐指数
1
解决办法
225
查看次数

Bootstrap multiselect下拉列表不可见

尽管我可以在独立文件中使这个bootstrap-multiselect工作,但是一旦我点击插入符号,我就无法看到下拉列表,即使我将它包含在门户文件中.

我已经使用了bootstrap-datepicker,datetimepicker,selected和backbone.js

这是应该做的技巧

$('.insightList').multiselect({
            selectAllText: true
});
Run Code Online (Sandbox Code Playgroud)

有没有人知道不为'btn-group'添加'open'类的原因是什么?

![点击也只有btn-group类为div是否应该添加开放类] [1]在此先感谢

javascript jquery twitter-bootstrap bootstrap-multiselect

5
推荐指数
1
解决办法
3万
查看次数

嵌套的ng-repeat在IE8中不起作用

我在AngularJS 1.2.28中有一个单页面应用程序,我正在努力让它在IE8中正常工作.

特别是我有一个嵌套ng-repeats 的问题,用于显示以下bigObject声明的内容MainController:

angular.module('singlePageApp')
  .controller('MainController',
    ['$scope',
    function ($scope) {
        $scope.showLittleObjectsList = false;
        $scope.bigObject = {
        objects: [
            {
                name: "NAME1",
                metadata: [

                    {index: 0, desc: "metadataQ"},
                    {index: 0, desc: "metadataF"},
                    {index: 1, desc: "metadataZ"},
                    {index: 1, desc: "metadataL"}

                ]
            },
            {
                name: "NAME2",
                metadata: [

                    {index: 0, desc: "metadataH"},
                    {index: 0, desc: "metadataX"}

                ]
            },
            {
                name: "NAME3",
                metadata: [

                    {index: 0, desc: "metadataU"},
                    {index: 1, desc: "metadataG"},
                    {index: 2, desc: "metadataS"},
                ] …
Run Code Online (Sandbox Code Playgroud)

html loops internet-explorer-8 angularjs angularjs-ng-repeat

5
推荐指数
1
解决办法
526
查看次数