小编Sim*_*ana的帖子

我一直在尝试显示pdf文件,我从$http.post响应中获取blob .例如,pdf必须在应用程序中显示<embed src>.

我遇到了几个堆栈帖子,但不知怎的,我的例子似乎不起作用.

JS:

根据这份文件,我继续尝试......

$http.post('/postUrlHere',{myParams}).success(function (response) {
 var file = new Blob([response], {type: 'application/pdf'});
 var fileURL = URL.createObjectURL(file);
 $scope.content = fileURL;
});

根据我的理解,fileURL创建一个临时URL,博客可以将其用作参考.

HTML:

<embed src="{{content}}" width="200" height="200"></embed>

我不知道如何在Angular中处理这个问题,理想的情况是(1)将它分配给范围,(2) '准备/重建'blob到pdf (3)将其传递给HTML使用<embed>因为我想要在应用程序中显示它.

我已经研究了一天以上但不知何故我似乎无法理解它在Angular中是如何工作的......让我们假设那里的pdf查看器库没有选项.

过去几天我一直在研究这个问题.试图在<embed src>标签上显示流没有运气,我只是试图在新窗口上显示它.

新窗口仅显示PDF 控件 )

知道为什么没有显示pdf的内容吗？

码:

$http.post('/fetchBlobURL',{myParams}).success(function (data) {
    var file = new Blob([data], {type: 'application/pdf'});
    var fileURL = URL.createObjectURL(file);
    window.open(fileURL);
});

我刚开始使用Ace Editor.根据文档 "编辑器支持纯文本模式.所有其他语言模式都可以作为单独的模块使用,按需加载......"这就是JavaScript模式的设置方式,editor.getSession().setMode("ace/mode/javascript");这仅适用于突出显示语法.

就我而言,我正在使用JSON - editor.getSession().setMode("ace/mode/json")

我想要实现的是

• 显示格式良好的JSON响应

问题是

• Ace Editor似乎无法处理JS对象,或者editor.setValue()它上面的JSON 必须转换为字符串

题

• 如何在放置的字符串上设置自动格式/缩进 <div id="editor"></div>？

HTML:

<div id="editor"></div>

SCRIPT: jsonDoc来自服务器的数据

$scope.getData = function (jsonDoc) {
  var editor = ace.edit("editor");
  editor.getSession().setMode("ace/mode/json");
  editor.setTheme("ace/theme/twilight");
  editor.getSession().setTabSize(2);
  editor.getSession().setUseWrapMode(true);
  editor.setValue(JSON.stringify(jsonDoc));
};

我正在尝试使用question将附加在数组的每个元素中的class(),循环工作正常.我的问题是当我尝试在jQuery中使用该类时没有任何反应,它就好像它不在那里......

我知道Angular添加ng-scope和ng-binding类,这可能会阻止jQuery吗？

当我检查DOM时没有错误,我的班级就在那里,它就不会工作了!

这是我的代码:HTML

<p ng-repeat="n in ['Human or Lemar King?','Name of your tribe?','Can you Boogie?'] | filter:query" class="question"> {{n}}</p>

jQuery的

$(function () {
  $(".question").on('click',function() {
     alert("Ohh hail King Julien!")
  });      
});

我正在登录页面,成功后,它重定向到主页.默认情况下,我显示登录页面此代码:

app.run(function($rootScope, $location) {
  $rootScope.$on('$routeChangeSuccess', function() {
      $location.url("/login");
  });
});

然后在验证后端的用户/传递详细信息后,我将用户带到主页:

$scope.login = function() {
    if ($scope.username === 'admin' && $scope.password === 'pass') {
      console.log('successful')
      $rootScope.$on('$routeChangeSuccess', function() {
          $location.url("/home")
      });
      $location.url("/blah");
    } else {
      $scope.loginError = "Invalid username/password combination";
      console.log('Login failed..')
    };
  };

如果我在语句$location.url的else部分之前删除第二个,重定向似乎不起作用if.然而/blah,它没有使用那个url(),它去了home.但是如果blah删除了url ,则重定向逻辑不起作用.

我似乎无法理解为什么我必须使用两个$location.url().如果有人能帮助我理解这个重定向系统是如何工作的,我会觉得有用吗？

这可能不是最好的做法,我愿意接受如何改进的建议,这里是Plunker的例子

我有一组选择下拉菜单,我试图根据angularJS中第一个选择下拉选项填充第二个选择下拉列表.我不知道如何从这开始.

我已准备好所有模型,但我正在与动态人口斗争.

选择1:

    <select ng-model="selectedSource" ng-options="source.name for source in sourceList">
       <option value="">-- Select item --</option>
    </select>

$scope.sourceList= [
    {
       "name":"Person",
       "has": ["a","b","c"]
    },
    {
       "name":"Car",
       "has": ["1","2","3"]
    }
];

我想要实现的目标:

如果sourceList.name是Person填充第二个选择,下拉带targerSet1

$scope.targerSet1= [
   {
      "name":"King Julien"
   }
];

如果sourceList.name是Car填充第二个选择,下拉带targerSet2

$scope.targerSet2= [
   {
      "name":"RoyalMobile"
   }
];

嘿大家我试图找到最有活力的循环数组方式并返回特定值返回特定值... json结构深刻,可能会改变,是否有一个$ .each()公式可以帮助？

例:

var myobj = {
    obj1: { key1: 'val1', key2: 'val2' },
    obj2: { key1: '2val1', 
           key2: { nest1: 'val1', nest2: 'val2', nest3: 'val3' }, 
           key3: { nest1: 'K3val1', nest2: 'K3val2', 
                 nest3: [
                         { nest1: 'val1', nest2: 'val2', nest3: 'val3' }, 
                         { nest1: 'val1', nest2: 'val2', nest3: 'val3' }
                        ]
                 }
          },
    obj3: { key1: 'dddddval1', key2: 'val2' }
    }

现在让我说我想要检索" K3val2"值而不是硬编码它是这样的:myobj.obj2.key3.nest2我用$.each()mybe 做一个动态的方法吗？

我试图根据这个文档安装bootstrap到依赖项,但我明白了Uncaught Error: No module: ui.bootstrap

index.html加载的文件:

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<body>
....

<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/directives.js"></script>
<script src="js/controllers.js"></script>

app.js

app = angular.module("myApp", ['ngProgress','ui.bootstrap']);

文档说我需要的是:

• AngularJS(最小版本1.0.4或1.1.2)
• Bootstrap CSS

我正在尝试使用jQuery插入div,并在div中使用需要呈现的角度内容.但单击按钮时它不会被渲染.

myVar = $("<div class="a"><p ng-repeat="banana in bananas">{{banana}}</p></div>");

$("button").click(function () {
   myVar.appendTo(".myOtherDiv");
});

appendTo工作正常,但没有给我一个我得到的香蕉列表 {{bananas}}

当jQuery将它放在DOM上时,有没有办法让Angular成为元素？

所以我有一个json模式,在这个模式中,我在同一个json文件中引用另外两个模式,这很好.

{
  "id": "http://ourdns.co.za/public/assets/json/formSchema.json",
  "type": "object",
  "properties": {
    "person": {
      "type": "object",
      "id": "#person",
      "properties": {
        "first_name": {
          "title": "What is your first name",
          "type": "string"
        },
        "last_name": {
          "title": "What is your last name",
          "type": "string"
        }
      }
    },
    "person_api": {
      "type": "object",
      "id": "#person"
    }
  }
}

我想要的是一个根json模式,它引用了根外部的两个其他json模式.这与我当前的架构不同,我在一个文件中有所有架构(不理想).有一个小问题,我不能$ref用作引用关键字,因为我们使用的插件不支持这个.但是我们发现id可以用作引用关键字.(JsonForm是插件).然后我们如何使用id关键字获取这些,因为它似乎不起作用？

{
  "id": "http://ourdns.co.za/public/assets/json/formSchema.json",
  "type": "object",
  "properties": {
    "person_api": {
      "type": "object",
      "id": "public/assets/person.json"
    }
  }
}

1)我们如何在外部调用相同的数据,比如... "id": "public/assets/person.json"而不是将它们全部合并到一个文件中？2)如果我们只需要person.firstname来自person.json架构,我们如何检索特定属性？ …

一直在尝试更改页脚背景，但我无法做到正确。我为每个标签都有一个颜色，但只有最后一个标签被更改（蓝色 - #0000ff）。如何在 Ionic 4 中进行样式设计？

<template>
  <ion-footer>
    <ion-toolbar>
      <ion-title v-if="loggedIn">
        <a href="https://www.facebook.com/" target="_blank">
          <ion-icon name="logo-facebook"></ion-icon>
        </a>
        <a href="https://www.instagram.com/" target="_blank">
          <ion-icon name="logo-instagram"></ion-icon>
        </a>
      </ion-title>
    </ion-toolbar>
  </ion-footer>
</template>

<script>
export default {
  name: "pageFooter",
  computed: {
    loggedIn() {
      return this.$store.getters.loggedIn;
    }
  }
};
</script>

<style lang="scss">
ion-footer {
  background-color: #ff0000;
  ion-toolbar {
    background-color: #00FF00;
    ion-title {
      background-color: #0000ff;
      a {
        font-size: 25px;
        color: #000;
      }
    }
  }
}
</style>

它与“shadow dom”概念有关，我还没有完全理解。此 DOM 结构用于页脚。