hypery2k

Subscribing to Multiple Observables in Angular Components

Angular applications heavily rely on RxJS Observables. While building large front end apps with these technologies we quickly will need to learn how to manage subscribing to multiple Observables in our components. In this post we are going to cover five different ways to subscribe to multiple Observables and the pros and cons of each.

Observables

In our component, we will have three Observables. Each Observable has slightly different behavior. The first Observable emits a single value immediately. The second Observable emits a single value after a couple of seconds. The third Observable emits multiple values one value every second. Below are some functions that return the Observables that we will use in our components.

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

hypery2k

import 'jest-preset-angular';
import 'mutationobserver-shim';

// Mock environment
var mockedRegistry = new Map();
var win = <any>window;
win.alert = () => {};
win.customElements = {
    define: (elementName, elementClass) => {},
    get: tagName => mockedRegistry.get(tagName)

hypery2k

FROM centos/s2i-base-centos7:latest

ENV DESCRIPTION="Podman image runtime for releasing"
ENV TZ="Europe/Berlin"
ENV HOME=/podman

LABEL summary="$SUMMARY" \
        description="$DESCRIPTION" \
        version="$GIT_TAG" \
        build-user="$LAST_BUILD_USER" \

hypery2k

SECRETS_KEYSTORE_PASSWORD=$(openssl rand -base64 512 | tr -dc A-Z-a-z-0-9 | head -c 17)

oc cluster up --version=latest
oc login -u system:admin
oc new-project redhat-sso
oc create serviceaccount sso-service-account
oc policy add-role-to-user view system:serviceaccount:redhat-sso:sso-service-account
oc create -n openshift -f https://raw.githubusercontent.com/jboss-openshift/application-templates/ose-v1.3.7/jboss-image-streams.json
for template in sso71-https.json \
  sso71-mysql-persistent.json \

hypery2k

---

- name: Prepare | Setup Ansible runtime
  hosts: all
  gather_facts: no
  tasks:
    - name: Boostrap python
      raw: test -e /usr/bin/python || (apt-get -y update && apt-get install -y python-minimal)

- name: Provision

hypery2k

{
    "builders": [{
        "type": "docker",
        "image": "jenkinsci/ssh-slave:latest",
        "commit": true,
        "changes": [
            "VOLUME /data",
            "WORKDIR /data",
            "EXPOSE 6379",
            "ENTRYPOINT [\"docker-entrypoint.sh\"]",

hypery2k

# Install PanDoc
RUN yum -y install epel-release && yum -y install pandoc

# chrome and xvfb
RUN cd /tmp/setup && curl https://intoli.com/install-google-chrome.sh | bash && yum install -y xorg-x11-server-Xvfb

# Install oc and jq
RUN yum -y install epel-release && yum -y install jq

hypery2k

import hudson.FilePath;

// Initialize dryRun parameter to TRUE if not given as script parameter
dryRun = true;

if( dryRun == true ) {
  println "** Execute a dryRun - no files will ever be deleted **";
}

// shortcut to Jenkins instance

hypery2k

=== npm audit security report ===                        
                                                                                
# Run  npm update webpack-dev-server --depth 2  to resolve 1 vulnerability
                                                                                
  High            Missing Origin Validation                                     
                                                                                
  Package         webpack-dev-server                                            
                                                                                
  Dependency of   @angular-devkit/build-angular [dev]                           
                                                                                

hypery2k

root@57d2d48dd2f5:/# nikto -host www.holisticon.de -C all
- Nikto v2.1.6
---------------------------------------------------------------------------
+ Target IP:          85.214.158.97
+ Target Hostname:    www.holisticon.de
+ Target Port:        80
+ Start Time:         2018-05-23 05:36:45 (GMT0)
---------------------------------------------------------------------------
+ Server: nginx
+ The anti-clickjacking X-Frame-Options header is not present.